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

检查FIDDLE

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

3 个答案: