Prototype - ドロップダウンから選択した値を選択解除する方法

Question

Prototypeを使用してドロップダウンリストから選択した値を選択解除する方法を教えてください。事前に任意の助け

から

<select id=“mylist” MULTIPLE > 
<option value=“val-1”>Value 1</option> 
<option value=“val-2” SELECTED>Value 2</option> 
<option value=“val-3”>Value 3</option> 
</select> 

<select id=“mylist” MULTIPLE > <option value=“val-1”>Value 1</option> <option value=“val-2”>Value 2</option> <option value=“val-3”>Value 3</option> </select> 

に感謝します。

Answer 1

私は、次のコードがうまく働いたが見つかりました：

var options = $$('select#mylist option'); 
var len = options.length; 
for (var i = 0; i < len; i++) { 
    options[i].selected = false; 
} 

Answer 2

あなたがすることはできません：あなたは空のオプションを追加する必要があります

<option></option> 

と、選択された第二のリストのイベントで、その後

$$("#mylist option[selected]")[0].selected = false; 
$$("#mylist option")[0].selected = true; 

Answer 3

...

Event.observe('secondlist', 'change', function(){ 
    if (this.selectedIndex >= 0) 
    $$('#mylist option[selected]').invoke('writeAttribute', 'selected', false); 
}); 

Answer 4

私はプロトタイプでそれを行う方法がわかりませんが、私はJavaScriptでそれを行うことができます。

通常選択の場合は、yourSelectElement.selectedIndex = -1と設定します。複数選択の場合

、あなただけ CTRL + 選択した項目をクリックていますが、プログラム的にもそれを行うことができます。リンクを参照してください。

http://jsfiddle.net/kaleb/WxJ9R/