Javascript 选择列表控件帮助

Javascript 选择列表控件帮助,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,对不起,我的标题很简短,我不知道该怎么说。基本上,我正在寻找一些帮助来创建(或现有控件的源代码),以生成和选择列表,如下图所示 单击后需要显示完整长度值,否则应具有截断值。这需要使用经典的asp或javascript/jquery 任何帮助都将不胜感激 编辑: 抱歉,我没有意识到这会是一个问题,但解决方案必须在IE7及更高版本中运行。这可以通过使用基本的HTML和CSS来实现: 小提琴 选择{宽度:100px;} 这里有一些文字。 这里有更多的文本。 还有一些文字。 这是另一句话。 这是一个

对不起,我的标题很简短,我不知道该怎么说。基本上,我正在寻找一些帮助来创建(或现有控件的源代码),以生成和选择列表,如下图所示

单击后需要显示完整长度值,否则应具有截断值。这需要使用经典的asp或javascript/jquery

任何帮助都将不胜感激

编辑:


抱歉,我没有意识到这会是一个问题,但解决方案必须在IE7及更高版本中运行。

这可以通过使用基本的HTML和CSS来实现:

小提琴


选择{宽度:100px;}
这里有一些文字。
这里有更多的文本。
还有一些文字。
这是另一句话。
这是一个稍长的句子。

IE总是要“特别”;-)

无论如何,请看这里:


(来源:)


在这篇文章中还有一个很好的答案:

对不起,我想我没有解释清楚。您的解决方案将确保在单击选择列表之前,选择列表中的完整单词应显示“Pineop…”或指定的最大长度。单击拾取列表时,它应显示完整值。希望这更清楚。那么基本的HTML和css。非常感谢。我已经更新了代码并提供了一个提琴。只需在select元素上设置大小,默认情况下,单击select时,它将始终完整显示值。这仍然不起作用。请参见此图像。我应该提到这在IE中必须起作用。
<style type="text/css">
   select { width: 100px; }
</style>

<select name="test">
    <option>Here is some text.</option>
    <option>Here is some more text.</option>
    <option>And some more text.</option>
    <option>This is another sentence.</option>
    <option>This is a slightly longer sentence.</option>
</select>