選擇加入的選擇

Question

列表項我有一個選擇：

<select id="club"> 
     <option>&nbsp;</option> 
     <option value=bla1>bla1</option> 
     <option value=bla2>bla2</option> 
    </select> 

我增加了一個項目作爲第一個項目到<select>與此代碼，它工作正常：

$("#club option").eq(0).before("<option value=1>test</option>").css("background-color", "#F2EE72"); 

但空選項仍然處於選中狀態，並且我希望剛剛添加的項目被選中，因此它在列表框中顯示爲默認項目。我怎樣才能做到這一點？謝謝！

Answer 1

既然你eq(0)之前添加新的選項節點，您只需鏈prev()來訪問它。

像這樣：

$("#club option").eq(0).before('<option value="1">test</option>').css("background-color", "#F2EE72").prev().prop('selected',true); 

實施例：http://jsfiddle.net/AlienWebguy/9EVjn/1/

Answer 2

嘗試：

1）

$("#club option").eq(0).before("<option selected value=1>test</option>").css("background-color", "#F2EE72"); 

或

2）

$("#club option").eq(0).before("<option value=1>test</option>").css("background-color", "#F2EE72"); 
$("#club").val(1);