如何使用jQuery設置選擇框的第一個選項？

Question

我有一個選擇列表：

<select id='sf-field-1'> 
    <option></option> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select> 

我如何通過使用jQuery選項值的值設置爲以下？

<select id='sf-field-1'> 
    <option> -- Select -- </option> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select> 

我也試過jQuery("#sf-field-1 :first-child").attr("value", 0);但這不適合我。有任何想法嗎？

Answer 1

你的第二次嘗試接近，你只需要設置元素的text()，而不是它的價值：

$("#sf-field-1 :first-child").text(" -- Select -- "); 

Example fiddle

Answer 2

另一種方式來做到這一點是使用前置功能： 什麼你做的是，創建與選擇選項下拉列表

<select id='sf-field-1'> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select> 

然後使用下面的jquery代碼添加第一個選項。

var newOption = "<option selected='"+"selected"+" '>--Select--</option>"; 
$("#sf-field-1").prepend(newOption); 

Answer 3

基於edit the first option name您可以使用

$('#sf-field-1 > option:empty:first').text(" -- Select -- ");