如何在select-tag中创建两行选项?

时间:2017-01-01 15:53:16

标签: jquery html select option

似乎在使用select标签的一个选项中,无法使用两行(或多行使用:\ n或br-tag作为换行符)。是否有任何jQuery小部件允许这样做?我一直在谷歌搜索它大约一个小时,我找不到那样的东西。 你能给我一些可以做到的小工具链接吗?

我想要实现的代码:

<select size="5" id="mySelect">
<option>one line \n another line</option>
<option>one line <br> another line</option>
<option>first line <br> second line <br> third line</option>
</select>

1 个答案:

答案 0 :(得分:1)

不幸的是<select>元素没有与之关联的样式。由Web浏览器决定如何显示它们,并且您不能强制使用多行选项。

为了使其工作,您必须使用一些JavaScript来制作自己的自定义类似选择元素。请查看How can I build a <select> with multiline options?以获取一些建议。