使用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的“item 1”中加载了一个链接。我需要点击该选项，打开链接并删除其后的选择，可以再次单击。

Answer 1

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

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

修改

根据你的意见，改变了小提琴。希望，这link会帮助你。

Answer 2

试试这个：

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