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の「item1」にリンクが読み込まれます。オプションをクリックし、リンクを開いて選択を削除する必要があります。もう一度クリックすることも可能です。

score 0 · Accepted Answer

これを試して：

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

score 0 · Accepted Answer

この作業中の jsfiddle-linkを見てください。これは、要件を取得するのに役立ちます。

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

編集：

あなたのコメントに従って、フィドルに変更を加えました。このリンクがお役に立てば幸いです。

2 に答える 2