更改选择选项的内容

Question

我想更改选择表单中显示的文字，而不更改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（）函数。

Answer 1

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

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

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

Answer 2

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

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