每个人都知道下拉菜单的工作原理，用户点击下拉菜单后，它会显示一个下拉列表，用户可以从列表中选择一个选项。我想知道的是，在 html 中是否有一种方法可以除了显示下拉列表外，还可以显示一个网格，并在网格中提供选项？我没有任何代码，但如果有人知道这是可能的，并且可以提供一个示例，我将非常感激并且这将非常有帮助。
有没有一种方法可以显示一个HTML网格？
3
- BruceyBandit
4
我认为理解你想做什么有点困难。 - Akos
嗯...你可以控制想要显示在下拉菜单中的任何内容，制作一个下拉表格，就完成了。 - David Nguyen
你是否在寻找类似于这个http://www.northcantonschools.org/tech/images/stories/faq-pics/google_documents/insert_table.gif或者这个http://www.blackbeltcoder.com/Articles/controls/colorpicker-controls-for-winforms/ColorPicker.jpg的控件？ - Micah
@Micah 是的，我就是在找这个，你知道怎么做吗？ - BruceyBandit
2个回答
0
......嗯，其实并没有所谓的“网格”，但表格可以以“网格”形式呈现信息。您可以使用div元素构建网格，但这可能会变得过于繁琐。
想要使用jQuery来完成吗？
/* make button clickable */
$("#someButton").click( function(){
/* grid like container of data, talbe or a complex div 'structure' */
$("#someGrid").toggle() // if grid is visible hide it, if hidden show it
})
... 所以你会有一个ID为"someButton"的按钮，以及带有ID为"someGrid"和css属性"display:none"的网格结构/包装器。
- vector
0
这是一个基本的例子：
<!-- HTML -->
<div id="myDropdownGrid" class="dropdownGrid">
<div>
<button type="button">Open/Close</button>
</div>
<table border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<p>Click the button above to view open or close the grid.</p>
.
/* CSS */
.dropdownGrid{position:relative;}
.dropdownGrid table{position:absolute; z-index:999; display:none;}
.dropdownGrid td{width:20px; height:20px; background-color:white;}
.dropdownGrid td:hover{background-color:blue;}
.
// Javascript using jQuery
$("#myDropdownGrid button").click( function(){
$('#myDropdownGrid table').toggle();
});
- Micah
1
让我感谢您提供这个基本示例并花费时间帮助我。我将把这个示例作为我想要实现的目标的跳板，非常感谢您。 - BruceyBandit
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接