jQuery-动态地将选择菜单切换到多个

我有一个普通的

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>

切换选择


-----选择一个目标----
目标1
目标2
目标3
$（文档）.ready（函数（）{
$（“#切换”）。打开（'单击'，函数（）{
如果（$（this）.is（':checked'）==true）{
$（“#目标”）.attr（'multiple'，true.）.attr（'height'，90）；
}否则{
$（“#目标”）.attr（'multiple'，false）.attr（'height'，0）；
}
});
});

高度似乎被忽略了。

---

菜单能否有效地切换

multiple=“multiple”

属性？

您可以很好地切换倍数。如果确实要更改

选择框的高度，则需要使用attr
size
not height

在这里查看小提琴：

只需更改JS中的size attr即可更改周围的高度
 用Ctrl键显示多个选定选项的替代方案，这真是一件好事。我可以用这个。