0

次のようなドロップダウンリストがあります。

<select id='idleReason' onChange="loadXMLDoc(this.value)" size="1">
<option value="nothing" selected="selected">Select a site</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select>

ここで、loadXMLDoc() javascript 関数が変更時に呼び出されると、他のイベントが含まれるようになります。しかし、私は一つのことを実行することができません。値がドロップダウンから選択されたときに、イベントがloadXMLDoc()関数に移動し、ドロップダウン値を何もリセットしないようにしたい(これはデフォルト値です)。

これをjQueryまたはJavascriptで実装するアイデアを教えてください。ありがとう。

4

2 に答える 2

2

HTML

<select id='idleReason'  size="1">
<option value="nothing" selected="selected">Select a site</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select>​

脚本

$(function(){
    $("#idleReason").change(function(){
       var item=$(this); 
       if(item.val()!="nothing")
       {
           loadXMLDoc(item.val());
           item.val("nothing"); 
       }         
    });     
});

作業サンプル: http://jsfiddle.net/spe6B/2/

于 2012-05-05T05:09:58.340 に答える
1

どうですか：

<select id='idleReason' onChange="if (this.value!='nothing') {loadXMLDoc(this.value); this.value='nothing';}" size="1">
<option value="nothing" selected="selected">Select a site</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select>​
于 2012-05-05T04:58:05.423 に答える