在<select>标签内创建一个表格是否可行?

4

我想创建一个选择语句,在每个选项中包含我们销售的商品的数量和价格。我想创建一张表格,对于每一行,数量将在一个标签中,价格将在另一个标签中。但我似乎无法在选择语句中实现这一点。我还尝试过使用带有float-right和float-left的

标签,但这也没有起作用。有人有什么想法吗?


古怪的是,在尝试使用 html doctype 下,包含在 <select> 元素中的 <table> 被验证通过(在 W3C 的 http://validator.w3.org/)......这让我感到惊讶 =/ - David Thomas
对我来说,"文档类型不允许在此处使用元素“TABLE”"是意料之中的。 - bobince
我是通过文本输入方式输入的,所以无法提供实时演示链接。也许明天我会尝试使用完整文档再次尝试,并查看发生了什么;被认为是有效的让我感到惊讶,所以可能我搞砸了什么...我很高兴你的尝试成功地失败了;现在世界感觉不那么奇怪了 =) - David Thomas
4个回答

2
你无法仅使用普通的HTML实现这个功能。你需要掌握JavaScript,借助其他HTML元素和一些CSS技巧来模拟下拉菜单。你可以在这里获取一些好的JS(实际上是jQuery)和CSS代码的灵感。

1

我在纯HTML中做的一件事情就是添加适当数量的&nbsp;来正确对齐所有内容。不过,使用JavaScript可能是更好的选择。


这肯定是在“渐进增强”之前呈现基本标记版本的好方法。 - bobince

0
作为上述答案的替代方案,您可以将选项的文本制作成英语,使其有意义。
例如:
<select name="..">

<option value="1">1 item for xx price</option>
<option value="2">2 items for xxx price</option>
....
<option value="5">5 item for xxxx price</option>

</select>

0
在纯HTML中无法完成此操作 - 您需要查看JavaScript组合框替代方案。

一个组合框不同于下拉菜单。一个组合框是一个可编辑的下拉菜单。 - BalusC

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接