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

点击单选按钮即可使用此

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

    this.selected=false;

});

Answer 4

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

$（ '＃ddlTradeShow'）多选（ “clearSelection”）;

Answer 5

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

Answer 6

可以像JS Fiddle那样设置点击单选按钮 http://jsfiddle.net/x5ck3/

$('#rdClear').click(

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

Answer 7

$("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

使用新的jQuery版本

是正确的

Answer 8

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

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

Answer 9

现在API直接提供了另一种可能性：

$('#edit-rec').multiSelect('deselect_all');

工作正常，在这里你可以找到更多关于它的选项：http://loudev.com/

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

9 个答案: