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

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

Answer 2

http://jsfiddle.net/MU8ap/

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

$('#return_action option[value=""]')选择正确的选项。一旦你选择了它，你就可以自由地改变它。在这种情况下，我将选项标签的内部主体替换为.html方法，并使用新文本。

Answer 3

看到这个小提琴：http://jsfiddle.net/7ekZ2/1/

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

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

在JQuery中更改预设下拉列表的文本内容

3 个答案: