如何将 HTML 表格放入下拉框中?所以,像:
<select>
<table></table>
</select>
or
<select>
<option>
<table></table>
</option>
</select>
如何将 HTML 表格放入下拉框中?所以,像:
<select>
<table></table>
</select>
or
<select>
<option>
<table></table>
</option>
</select>
使用纯 CSS 和 HTML 这是不可能的。
javascript 可能是您解决此问题的最佳方法。使用 Jquery 也会极大地帮助你的 JavaScript
select
仅使用 -tag无法实现您想要实现的目标。在此标签中,只允许使用optgroup
- 和 -标签option
。参见 w3c.org:“17.6 SELECT、OPTGROUP 和 OPTION 元素”。
当我们进一步讨论option
-tag 时,您会看到内容模型只允许text
在此元素中使用。再次在 w3c.org 上:“ 4.10.12 选项元素”
option
因此,实现这一目标的唯一方法是使用其他 HTML 元素创建一个外观和行为类似于 -tag 的元素。
在这个关于 jsfiddle 的演示中,您可以看到一个示例,说明可能的解决方案的外观。这个无需 JavaScript 即可工作,因为内容显示在:hover
. 当然,您可以click
使用 JavaScript 或 jQuery 将其更改为 -event。
如果你想这样做,你将需要一些自定义的自制元素。标记中不允许有其他 HTML<option>
标记。
例如,查看增强标准选择元素的 javascript 库,例如Chosen。也许你可以从那里得到一些关于如何实现你的表逻辑的灵感。
我认为你不能这样做......你必须刺激它。
您需要构建一个包含多行的 div 并将向下箭头添加到第一行以使其看起来像下拉列表。