更改选择选项的内容

【问题标题】：change the content of a select option更改选择选项的内容
【发布时间】：2023-04-01 21:07:01
【问题描述】：

我想更改选择表单中显示的文本，而不更改 HTML 元素。这是一个例子：

<select class="myclass" name="myselect">
   <option value="0">1</option>
   <option value="1">2</option>
</select>

我想把“2”字符串改成“TWO”，比如：

<option value="1">TWO</option>

我无法在 $('.myclass') 中选择正确的选项，然后对其使用 text() 函数。

【问题讨论】：

【解决方案1】：

如果您明确知道要更改select 中的第二个option 元素，可以使用:eq() 定位它：

$('.myclass option:eq(1)').text('TWO');

请注意，eq() 适用于从零开始的索引，因此0 是第一个元素，1 是第二个元素，依此类推。

【讨论】：

【解决方案2】：

您可以使用last-child 选择器并使用(function(){})(); 自行调用函数，以便在加载DOM 后立即更改第二个option 的值。

(function(){
   $('.myclass option:last-child').text("two");  
})();

【讨论】：