1

我有以下 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>');

本质上，我试图从默认选择消息中删除“（可选）”文本。

我很感激任何建议。提前致谢！

米

4

3 回答 3

0 
$("#return_action").val($("#return_action option:first").val());
于 2013-07-24T11:22:43.613 回答
0

http://jsfiddle.net/MU8ap/

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

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

于 2013-07-24T11:26:59.423 回答
0

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

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

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

于 2013-07-24T11:27:53.627 回答