更改選擇選項的內容

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"); 
})();