2011-04-20 58 views
1

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

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

希望这对你有意义。

+0

您是否在选项中考虑了简短描述,并添加了'title =“这是将在浏览器弹出窗口中的完整描述? – 2011-04-20 05:17:31

回答

0

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

我已经准备了一个非常基本的脚本来演示如何使用javascript来做到这一点。见this fiddle。它可能会给你想法?

+0

非常感谢您的帮助。你的建议很好。将您的答案标记为已接受。 – Mariko 2011-04-20 06:30:01

+0

嗨Marika,很高兴我可以帮助一下。 – KooiInc 2011-04-20 06:34:02

0

你不能用标准html下拉列表来做到这一点。一些框架有它的解决方法(例如,请参阅ASP.NET's dropdownlist)。还有一些JavaScript库也为这个问题提供了解决方案。