在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 --'); 
}); 

这将改变选择列表中的第一个选项。