Question

我对html中的标记有疑问。在HTML页面中，下拉列表需要显示在某个固定宽度的部分。我面临的问题是，下拉列表中有一个选项有一些冗长的语句，导致整个下拉列表扩展部分。所以我想打破特定的选项值，以两行显示。如何在HTML中做到这一点？提前致谢。

例如：

 <select name="Greetings">
<option value="">Select Greeting</option>
<option value = "2010">Welcome</option>
<option value = "2020">Welcome to the land of peace and love</option>
 </select>

如何打破option2的值？

Answer 1

您无法使用HTML select元素破解文本。

但是，有Telerik - Telerik ASP.NET Ajax ComboBox等供应商提供的第三方下拉列表控件，您可以尝试一下。如果你有点谷歌，你也可以得到一些免费的控件，可以为你做同样的事情。

或者您可以使用DIV和一些JavaScript来装配自己的控件。

另一个建议是使用相同的select元素，并在title元素上使用option属性，这样 -

<select name="Greetings">
    <option value="">Select Greeting</option>
    <option value = "2010">Welcome</option>
    <option value = "2020" title="Welcome to the land of peace and love">Welcome to the land of peace and love</option>
</select>

当用户将鼠标悬停在下拉选项上时，title元素将显示包含整个文本的工具提示。

Answer 2

不，你不能这样做。

您可以拥有自定义下拉菜单。这是一个很好的。

jQTransform

如何分解HTML中<option>标记内的值？</option>

2 个答案: