jquery - 如何使用 jquery 更改下拉列表中的特定值

Question

我想在页面加载后更改特定下拉列表的文本

<select id="qty_" name="qty[]" class="Field45 quantityInput">
<option selected="selected" value="1">1</option>
    <option  value="2">2</option>
    <option  value="3">3</option>
    <option  value="4">4</option>
   etc... until value=45  
</select>

如何将 3 更改为 : 3 (免费)所以这个:<option value="3">3 (free)</option>这需要在 jquery 中完成这是我到目前为止所拥有的:

        $('document').ready(function(){

        val = $('.Field45').val();

        if (val == '3') {
        $("Field45").val('3 (Buy 2 get 3rd FREE) ');
        }

        }); 

Answer 1

你可以这样做:

$('.Field45 option[value="3"]').text('3 (free)');

Fiddle Demo