在JQuery中更改預先設置的下拉列表的文本內容

Question

我有以下HMTL，其中包括一個下拉列表，其中包含來自鎖定CMS（BigCommerce）的預設內容的下拉列表。

我試圖改變下拉列表的第一個值的文本，但沒有成功。的HTML是：

<select name="return_action" id="return_action" class="Field350"> 
    <option value="">-- Please Choose an Action (Optional) --</option> 
    <option value="Repair">Repair</option> 
    <option value="Replacement">Replacement</option> 
    <option value="Store Credit">Store Credit</option> 
</select> 

我想如下更改第一個選項的innerHTML：

<option value="">-- Please Choose an Action (Optional) --</option> 

一些我曾嘗試沒有成功（代碼即：文本被改變，但其餘在列表中選擇的過程中被刪除）：

$('#return_action').html('<option value="">-- Please Choose an Action --</option>'); 

$('#return_action').val(0).html('<option value="">-- Please Choose an Action --</option>'); 

$('#return_action').val(1).html('<option value="">-- Please Choose an Action --</option>'); 

從本質上講，我試圖刪除「（可選）」從默認選擇消息文本。

我欣賞任何建議。提前致謝！

中號

Answer 1

http://jsfiddle.net/MU8ap/

$('#return_action option[value=""]').html('new value');

$('#return_action option[value=""]')選擇正確的選項。一旦你選擇它，你可以自由地改變它。在這種情況下，我用新文本替換了.html方法中的選項標籤的內部主體。

Answer 2

$("#return_action").val($("#return_action option:first").val()); 

Answer 3

看到這個小提琴：http://jsfiddle.net/7ekZ2/1/

$(function() { $('#return_action').children('option:first').text('-- Please Choose an Action --'); 
}); 

這將改變選擇列表中的第一個選項。