如何使用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

Answer 2

首先将id标记添加到您要更改的选项中，例如：

<option id="option3" value="3">3</option>

然后在jQuery代码中添加以下行：

$("#option3").text("3 (free)");