HTML 选择选项多行值答案

【问题标题】：HTML select option multiline valueHTML 选择选项多行值
【发布时间】：2015-02-17 13:26:08
【问题描述】：

我的 HTML 页面中有 select 和 option 标签。

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock.">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock.</option>
</select>

我的最后一个选项有一个从数据库中检索的大文本，它比选择框大。

是否可以通过CSS 或Javascript 将<option> 设为双线或多线，如下所示？

我找到了this，但我无法理解。

更新：

有人将我的问题标记为已回答here。但是这个链接失效了。

我可以通过sql query 限制我的字符数。但这不是解决方案。

【问题讨论】：

你的 html 有问题，应该是 <option value=''>content</option>
Word wrap options in a select list的可能重复
@Manoz 这只是举例。据我所知，我没有忘记value 部分。如果您有答案，请发布。
在您发现的解决方案中，它说它不适用于所有浏览器，您应该尝试在<option></option> item 中添加标签
@Raj，也许结果是否定的。 stackoverflow.com/questions/4258723/…

标签： javascript html css

【解决方案1】：

请尝试jQuery-Selectric这个插件，它可能会解决您的问题。

【讨论】：

好吧，坦率地说，jQuery 不是解决任何问题的方法。很棒的框架，但它不是 HTML 问题的答案，当然也不适用于任何较新的框架（首先模拟然后转储 jQuery）。

【解决方案2】：

不，标准的option 标记是不可能的。尝试插件菜单，有很多。 like this

【讨论】：