javascript - 如何获取然后将此下拉值更改为默认值？

Question

我有一个下拉列表，

<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 中实现这个吗？谢谢。

Answer 1

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/

Answer 2

怎么样：

<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>​