添加空白選項並將其設爲默認選擇

Question

這使我瘋狂！我想添加一個空白選項，然後將其選中。這裏是我的代碼：

$(rowToBeAdded.find("select")[0]).prepend("<option selected='selected' value=''></option>"); 

rowToBeAdded是TR元素。

由於某些原因，它總是選擇第二個元素。 。

UPDATE：

$（rowToBeAdded.find（ 「選擇」）[0]）預先準備（ 「」）VAL（ ''）;。

Answer 1

問題在於您的選擇器。我認爲這是你在找什麼：

$(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>"); 

這裏有一個完整的例子（Demo）：

<script type="text/javascript"> 
    $(function() { 
     var rowToBeAdded = $("#table1 tr"); 
     if (rowToBeAdded) { 
      $(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>"); 
     } 
    });​ 
</script> 
<table id="table1"> 
    <tr> 
     <td> 
      <select id="select1"> 
       <option value="volvo">Volvo</option> 
       <option value="saab">Saab</option> 
       <option value="mercedes">Mercedes</option> 
       <option value="audi">Audi</option> 
      </select> 
      <select id="select2"> 
       <option value="volvo">Volvo</option> 
       <option value="saab">Saab</option> 
       <option value="mercedes">Mercedes</option> 
       <option value="audi">Audi</option> 
      </select> 
     </td> 
    </tr> 
</table>​ 

而這裏的輸出：

最後，這裏的如果你需要它真的是good reference guide。