javascript - 使用 onmouseup 删除选项的选择

Question

我想删除选择而不删除选项。代码如下所示：

<select name="slovn" id="slovn_id" size="4" multiple="multiple" style="width:200px;">
<option value="1" id="asd">item 1</option>
</select>

如果我在 HTML 中添加了一个链接：

<div>  
 <a href="#" class="remove">Remove selection</a>  
 </div>

并使用 jQuery 所有作品：

$('.remove').click(function(){    
  $(this).parent().prev().find('option:selected').prop("selected",null);
});

但是如何制作没有链接？仅单击选项或外部区域？在来自 json 的“项目 1”中，加载了一个链接。我需要单击该选项，打开链接并在其后删除选择，这可以再次单击。

score 0 · Accepted Answer

看看这个有效的 jsfiddle-link，它将帮助您满足您的要求。

$("#slovn_id").change(function() {
    var selectedIndex = this.selectedIndex;
    alert(selectedIndex);
    this.selectedIndex = -1;
});

编辑：

根据您的评论，对小提琴进行了更改。希望，这个链接会对你有所帮助。

score 0 · Accepted Answer

尝试这个：

$('.remove').click(function(){ 
    $.each('option:selected',function(){
        $(this).attr("checked",false).checkboxradio("refresh");
    });
});

2 回答 2