javascript - 如何更改下拉列表中特定选项的文本？

Question

我有一个下拉列表，

<select id="bi_tool_y_axis" name="bi_tool[y_axis]">
   <option value="0">Vote Count</option>
   <option selected="selected" value="1">Choices of Poll</option>
   <option value="2">Location</option>
</select>

和一个 jquery 函数来更改上面下拉列表中值 2 的选项文本

function change_text_of_value_2(new_text){
    // I want  to change text "Location" with new_text in the dropdown list
}

我怎样才能做到这一点？请帮忙..

Answer 1

为什么不简单

$("#bi_tool_y_axis option[value='2']").text("anything else");

这就是你调用的函数（你的函数并将参数放入text函数）；

或者

function change_text(optionValue, new_text){
   $("#bi_tool_y_axis option[value='"+optionValue+"']").text(new_text);
}

Answer 2

尝试这个

function change_text_of_value_2(new_text){
   $("#bi_tool_y_axis option[value='2']").text(new_text);
}

Answer 3

尝试这个

$(function() {

    $('#bi_tool_y_axis').on('change', function() {

        if ($(this).val() == '2') {
            change_text_of_value_2($(this), "New_Text_Added")
        }
    });
});

function change_text_of_value_2($elem, new_text) {
    $elem.find("option[value='2']").text(new_text);
}​

检查小提琴