在每个选择中包含大量单词的下拉列表

时间:2011-04-20 05:10:10

标签: javascript html css

我有一个不寻常的情况。我有一个下拉列表,允许我的用户选择一个不同的场景之一。我的问题是每个场景大约有100个单词。我想向用户显示所有内容,并且无线电选择框不合适。会发生什么事情,因为很长的行我的下拉列表显示得如此之宽,以至于它离开了页面的边缘。

有没有办法可以拆分文本(我正在使用C#)并添加新行,以便下拉列表框包含“多行”选项?

希望这对你有意义。

2 个答案:

答案 0 :(得分:0)

您无法使用标准html下拉列表执行此操作。有些框架有相关的解决方法(例如,请参阅ASP.NET's dropdownlist)。还有一些javascript库也可以解决这个问题。

答案 1 :(得分:0)

如果没有一些脚本,我认为这是不可能的。您可以将widthwhite-space:pre-wrap添加到select标记,但这只会包含可见部分。正如Madmargigan建议的那样,您不能使用标题来显示完整的字符串(标题不会显示)。

我准备了一个非常基本的脚本来演示如何使用javascript完成此操作。见this fiddle。它可能会给你一些想法吗?