更改选择标记属性值

时间:2012-11-26 18:07:50

标签: php javascript

我有一个下拉菜单。默认情况下,它只允许选择一个选项。我想创建一个复选框,选中该复选框时应更改该下拉菜单以允许选择多个选项。我怎样才能做到这一点?

<select id="test" name="host">
    <option value="host1">host1</option>
    <option value="host2">host2</option>
    .....
    .....
</select>  

我希望将此更改为关闭复选框后的跟进。

<select id="test" name="host" multiple="multiple">
    <option value="host1">host1</option>
    <option value="host2">host2</option>
    .....
    .....
</select>  

1 个答案:

答案 0 :(得分:3)

你需要使用javascript ...使用一个名为'JQuery'的库,它使它非常简单..

Working Demo

$("#checkbox_id").change(function(){
    if($(this).is(':checked'))
       $("#test").attr('multiple', 'multiple');
});

修改以恢复原状..

Working Demo

$("#checkbox_test").change(function(){
    if($(this).is(':checked'))
       $("#test").attr('multiple', 'multiple');
    else
       $("#test").removeAttr('multiple');
});