如何在select的option里多行显示选项?

[AO_Echo]

<SELECT NAME="topping" SIZE="5">
<OPTION VALUE="mushrooms">mushrooms</OPTION>
<OPTION VALUE="greenpeppers" selected="selected">green peppers</OPTION>
<OPTION VALUE="onions" selected="selected">onions</OPTION>
<OPTION VALUE="tomatoes">tomatoes</OPTION>
<OPTION VALUE="olives">olives</OPTION>
</SELECT>


这个是一行显示一个内容，我想要一个option里是2行显示，比如说我想显示
mushrooms
蘑菇
他们是一个option里的东西，但是要分2行显示
哪位大侠帮忙看看可以怎么实现？
谢谢

[abcd_ufo]

这个你不大可能

你可以考虑下这个

http://hi.baidu.com/iitpos/blog/item/0f3997593e3da5232834f04a.html

要么你就封转一个 select 就行

[AO_Echo]

这样只是分组显示，但是组里的内容依然是一个option里只有一个内容，“mushrooms”和“蘑菇”没有显示成2行，而是显示成了“mushrooms蘑菇”了。
“mushrooms”和“蘑菇”难道放在一个optoin里不可以显示2行么？

[zgzglike]

学习。

[三石-gary]

[Quote=引用 2 楼 ao_echo 的回复:]

这样只是分组显示，但是组里的内容依然是一个option里只有一个内容，“mushrooms”和“蘑菇”没有显示成2行，而是显示成了“mushrooms蘑菇”了。
“mushrooms”和“蘑菇”难道放在一个optoin里不可以显示2行么？
[/Quote]

应该没有这种方法吧。。
就见过这样的
[code=Html]<SELECT NAME="toppings" multiple="multiple" SIZE="2">
<OPTION VALUE="mushrooms">mushrooms</OPTION>
<OPTION VALUE="greenpeppers" selected="selected">green peppers</OPTION>
<OPTION VALUE="onions" selected="selected">onions</OPTION>
<OPTION VALUE="tomatoes">tomatoes</OPTION>
<OPTION VALUE="olives">olives</OPTION>
</SELECT>[/code]

[abcd_ufo]

我是没有见过 一个option 显示两行的 ..

[AO_Echo]

这个只是复选，但是不是一个option里分2行显示



[Quote=引用 4 楼 zsx841021 的回复:]
引用 2 楼 ao_echo 的回复:

这样只是分组显示，但是组里的内容依然是一个option里只有一个内容，“mushrooms”和“蘑菇”没有显示成2行，而是显示成了“mushrooms蘑菇”了。
“mushrooms”和“蘑菇”难道放在一个optoin里不可以显示2行么？


应该没有这种方法吧。。
就见过这样的
[code=Html] <SELECT NAME="topp……
[/Quote]

[碧海情天-赵亮]

是2行还是2列？？？ 默认的就是单独一行的，一个英文，一个中文，2行，原本如此。如果你想有变化，那就应该是2列，即英文后面有中文。

总之不懂楼主在说什么。

[shelless]

不可以。自己写html模拟一个

[木头是猫]

可以通过div+CSS模拟

单靠select option是无法实现你要的结果

[zgh_mnb]

jquery easyui 提供这种功能，甚至是下拉列表都可以

[碧海情天-赵亮]

楼主是说想把看起来是两行的内容实际上作为一行来对待？比如选中一个英文时就相当于选中了对应的中文？
那这样不就行了：
<SELECT NAME="topping" SIZE="5">
<OPTION VALUE="theforever">theforever</OPTION>
<OPTION VALUE="theforever">碧海情天</OPTION>
<OPTION VALUE="碧海情天">theforever的中文</OPTION>
<OPTION VALUE="碧海情天">碧海情天的中文还是碧海情天</OPTION>
</SELECT>

[碧海情天-赵亮]

问题标题改成“如何把SELECT里的选项拆分成多行显示”，不就让人容易理解了。你原来的描述包括你的例子都无法让人准确理解。

[abcd_ufo]

赵老师 不是

他就是想让一个option的内容显示两个出来.. 就比如 theforever的中文 option里面这样显示


theforever
的中文

分两行显示

[Acesidonu]

js实现吧

[碧海情天-赵亮]

[Quote=引用 14 楼 qianzai5765638 的回复:]
他就是想让一个option的内容显示两个出来.. 就比如 theforever的中文 option里面这样显示
theforever
的中文
分两行显示
[/Quote]
<SELECT NAME="topping" SIZE="5">
<OPTION VALUE="碧海情天">theforever</OPTION>
<OPTION VALUE="碧海情天">的中文</OPTION>
</SELECT>
这不就是了吗？问题只是不能同时变色。

但即使实现了，或者通过DIV+CSS来模拟出这样的SELECT（这是完全可行的），但这种需求已经违反了大家都习惯的功能表现了。所以最好把需求背景说明白点，这样可以有助于给出更合理的解决方法，即使仍然只有这样做，起码别人不会认为是没什么意义的问题。