完成某些计算后如何取消选择选择框

Question

只是想知道如何取消选择选择选项框,我使用.remove(),但这实际上删除了选择框中的文本,

还有其他办法吗？

谢谢

Answer 1

$('#mySelectBox :selected').attr('selected', '');

其中#mySelectBox是select元素的id.

Answer 2

这些情况因具有单个选项的选择框和具有多个选项的选择框而异.

对于具有单个选项的选择框:

<select id='selectbox'> 

jQuery代码:

$('#button').click(function() {
        $('#selectbox').attr('selectedIndex', '-1');
}); 

注意:您需要此变体才能使其在Internet Explorer中正常工作.以下示例也适用于Internet Explorer中的单个选项文本框.

对于具有多个选项的选择框:

<select id='selectbox' multiple='multiple'> 

jQuery代码:

$('#button').click(function() {
        $('#selectbox option').attr('selected', '');

});