<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>
使用jQuery优雅地取消选项的最佳方法是什么?
<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>
使用jQuery优雅地取消选项的最佳方法是什么?
当前回答
非常感谢你的解决方案。
单选组合列表的解决方案非常有效。这是我在很多网站上搜索后发现的。
$("#selectID").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected");
其他回答
在你的选择中设置一个id,像这样: <select id="foo" size="2">
然后你可以使用: $ (" # foo”)。道具(“selectedIndex”,0).change ();
$("#selectID option:selected").each(function(){
$(this).removeAttr("selected");
});
这将遍历每个项目,只取消选中的项目
到目前为止,答案只适用于IE6/7中的多项选择;对于更常见的非多选择,您需要使用:
$("#selectID").attr('selectedIndex', '-1');
这在flyfishr64链接的帖子中有解释。如果你仔细看,你会发现有两种情况——多/非多。没有什么能阻止你为了一个完整的解决方案而改变两者:
$("#selectID").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
使用removeAttr……
$("option:selected").removeAttr("selected");
或道具
$("option:selected").prop("selected", false)
$(option).removeAttr('selected') //replace 'option' with selected option's selector