選択ボックスでアイテムの選択を解除するにはどうすればいいですか？

Question

今日はあなたに簡単な質問があります。ユーザーが複数の項目を選択できる選択ボックスがあります。また、ユーザーがページに戻ると、ユーザーは選択した項目を確認し、必要に応じて選択を解除することができます。問題は、選択を解除しようとすると選択が灰色に変わることです。それは選択を解除しません。

<select name="MySelect" multiple> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3" selected="selected">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

上記の要素がページにレンダリングされるとき、私はオプションを選択解除する方法がありません。値は、まだフォームに渡されています。

助けが必要ですか？

Answer 1

複数値選択リストでオプションを選択解除するには、Ctrlキーを押しながらクリックします。

Answer 2

JSオブジェクトを使用して、select（JQuery）の行とクリックアクションのステータスを記憶できます。

$('#yourselect').click(function(e){   
     var i = this.selectedIndex; 
     if(this.options[i].selectedOld==true){ 
      this.options[i].selected = false; 
      this.options[i].selectedOld = false; 
     } 
     else{ 
      this.options[i].selectedOld = true; 
     } 
    });