HTML选择框多行值

Question

我在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> 值设置为双行或多行，就像下面这样?

我发现这个，但我无法理解。

更新:

有人标记我的问题已经在这里得到了解答。但是这个链接已经失效了。

我可以通过sql查询来限制我的字符数。但这不是解决办法。

- Raja

---

你的 HTML 有缺陷，应该是 <option value=''>内容</option>。 - Manoz

可能是在选择列表中的换行选项的重复问题。 - user2010925

@Manoz 这只是一个例子。据我所知，我没有忘记 value 部分。如果你有答案，请发表出来。 - Raja

在你找到的解决方案中，它说它不能在所有浏览器上工作，建议你尝试在<option></option>项目内添加标签。 - Fourat

可能是重复的问题：如何构建带有多行选项的<select>？ - Ajay

@Raj，也许答案是否定的。http://stackoverflow.com/questions/4258723/fix-size-drop-down-with-long-text-in-options-restricted-view-in-ie - Manoz

Answer 1

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

- Anwar Hussain

---

好的，jQuery实际上并不是解决方案。它是一个很棒的框架，但它并不能回答HTML问题，当然也不适用于任何新的框架（那些最初模仿然后放弃了jQuery）。 - Rick O'Shea

Answer 2

使用标准的option标签是不可能的。尝试使用插件菜单，有很多选择。像这样

- VaMoose