更改选择选项的内容

Question

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

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

我想改变“2”串入“二”，例如，如：

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

我不能够选择正确的选择在$（'。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"); 
})();