jQuery - 动态切换选择菜单为多个

时间:2013-10-17 00:25:20

标签: jquery toggle

我有一个正常的select菜单,有几个选项。 我想使用jquery将其更改为multiple="multiple"。 我打算用一个复选框来切换它。

<input type="checkbox" id="toggle"> Toggle Select
<br>
<select name="targets" id="targets">
<option value="0">-----Select a Target----</option>
<option value="1">Target 1</option>
<option value="2">Target 2</option>
<option value="3">Target 3</option>
</select>

<script language="javascript" type="text/javascript">
$(document).ready(function(){

    $("#toggle").on('click',function(){
        if($(this).is(':checked')==true){ 
         $("#targets").attr('multiple',true).attr('height',90);
        }else{
         $("#targets").attr('multiple',false).attr('height',0);
        }
    });

});
</script>

高度似乎被忽略了 <select>菜单可以有效切换multiple="multiple"属性吗?

1 个答案:

答案 0 :(得分:0)

你正在切换倍数。如果您真的想要更改select框的高度,则需要使用attr size而不是高度。

在这里查看小提琴:http://jsfiddle.net/R8A7g/

只需更改JS中的大小attr即可更改高度。