更改 select 选项的内容

Question

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

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

我想把“2”串改成"TWO"，例如：

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

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

Answer 1

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

作为目标

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

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

Answer 2

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

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

change the content of a select option