从jQuery中的多选下拉列表中取消选择所有元素

Question

我有一个多选下拉如下,我选择了"测试2"和"测试3"选项.

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>

我有一个名为"Deselect All"的按钮.单击此按钮时,应取消选择所有选定的项目.在这种情况下,我之前选择的项目"测试2"和"测试3"现在应该被取消选择.

我怎样才能使用jQuery实现这一目标？

Answer 1

$("#edit-rec option:selected").removeAttr("selected");

Answer 2

试试 -

$("#edit-rec > option").attr("selected",false);

演示 - http://jsfiddle.net/LhSBu/

Answer 3

我发现取消选择多选下拉列表中的所有选项的最简单方法是使用.val([]).

$("#select").val([]);

Answer 4

点击单选按钮即可使用此功能

$("#edit-rec  option").each(function(){

    this.selected=false;

});

Answer 5

它将从多选下拉列表中删除所有选中的选项:

$( '#ddlTradeShow')多选( "clearSelection").