javascript - 单击时如何选择多选选择框的所有选项?

标签 javascript jquery html

这是我的HTML

<select name="countries" id="countries" MULTIPLE size="8">
   <option value="UK">UK</option>
   <option value="US">US</option>
   <option value="Canada">Canada</option>
   <option value="France">France</option>
   <option value="India">India</option>
   <option value="China">China</option>
</select>
<br />
<input type="button" id="select_all" name="select_all" value="Select All">

当用户点击“全选”按钮时,我希望选择框中的所有选项都被选中

$('#select_all').click( function() {
    // ?
});

最佳答案

试试这个:

$('#select_all').click(function() {
    $('#countries option').prop('selected', true);
});

这是一个 live demo .

关于javascript - 单击时如何选择多选选择框的所有选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9924666/

相关文章:

ios - 删除日期输入上的 'clear' 按钮(iOS safari)

html - 如何在同一个 ng-click 中添加谷歌分析

javascript - 为什么 {key :'value' } 在控制台打印 "value"

javascript - imacros javascript 删除双引号

javascript - 在 Chrome Dev 中的函数调用上设置断点。模式

javascript - Twitter 对 css outline 使用了什么样的技巧?

javascript - jQuery - 从元素中获取属性,将其插入另一个元素并重复

javascript - 通过cordova部署时,服务器端meteor代码在哪里运行?

jQuery UI Datepicker uuid 错误?

html - 主体填充未应用于背景图像