0

如何将 HTML 表格放入下拉框中?所以,像:

<select>
     <table></table>
</select>

or

<select>
    <option>
        <table></table>
    </option>
</select>
4

4 回答 4

0

使用纯 CSS 和 HTML 这是不可能的。

javascript 可能是您解决此问题的最佳方法。使用 Jquery 也会极大地帮助你的 JavaScript

于 2012-11-14T17:27:59.280 回答
0

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。

于 2012-11-14T18:27:21.830 回答
0

如果你想这样做,你将需要一些自定义的自制元素。标记中不允许有其他 HTML<option>标记。

例如,查看增强标准选择元素的 javascript 库,例如Chosen。也许你可以从那里得到一些关于如何实现你的表逻辑的灵感。

于 2012-11-14T17:28:29.927 回答
0

我认为你不能这样做......你必须刺激它。

您需要构建一个包含多行的 div 并将向下箭头添加到第一行以使其看起来像下拉列表。

于 2012-11-14T17:31:51.443 回答