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/

相关文章:

javascript - 如何知道事件是否仍在冒泡?

使用 for..in 和 MooTools 的 Javascript 数组迭代

javascript - 切换被点击的元素并隐藏所有其他元素

javascript - 如何在 Bootstrap 的选项卡中添加链接?

javascript - jQuery:定位每 6 个中的第 3 个元素

html - 如何在 Shopify 中创建子类别?

javascript - 迭代包含 3 列的 Google Sheet 范围

javascript - 有没有办法使用 javascript 检测 firefox 私有(private)模式

jquery - 如何使用 jQuery 在 div 中找到相同的文本?

javascript - jquery/javascript 检测 tinymce 中的点击事件