点击后有没有办法水平扩展下拉?

时间:2011-05-12 17:41:22

标签: javascript html css drop-down-menu

我在表单中有一个下拉列表,它需要限制为宽度为400像素,但有些选项要长得多。有没有办法在你点击它之后扩展下拉也适用于IE ...可能是一个JS解决方案?

2 个答案:

答案 0 :(得分:0)

是的,请务必尝试此

<select name="expand" id="expand" onclick="expand(this);">...</select>

请注意,上面的html只是一个片段,你需要完成它才能适合你

的Javascript

<script type="text/javascript">
function expand(obj)
{
    obj.style.width = "450px"; //any value wider than OR
    //obj.style.width = "auto"; //to automatically take length of it values
}
</script>

答案 1 :(得分:0)

还有一个简单的jQuery解决方案:

<select name="expand" id="expand" onclick="$(this).width('450px');">...</select>