关于javascript：单击jquery按钮时选择不更改的列表文本


Select list text not changing when j-query button click

本问题已经有最佳答案，请猛点这里访问。

html select列表，高度值如下。单击按钮btn-change-height时，我想将选择值更改为500，文本更改为5'0"。但文本并没有改变。为什么？

1
2
3
$("#btn-change-height").click(function() {
    $("#heightSelect1").val('5\' 0"').change();  
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<select class="btn nav-height-select" id="heightSelect1" autocomplete="off">
    <option value="400">4' 0"</option>
    <option value="401">4' 1"</option>
    <option value="402">4' 2"</option>
    <option value="403">4' 3"</option>
    <option value="404">4' 4"</option>
    <option value="405">4' 5"</option>
    <option value="406">4' 6"</option>
    <option value="407">4' 7"</option>
    <option value="408">4' 8"</option>
    <option value="409">4' 9"</option>
    <option value="410" selected="selected">4'10"</option>
    <option value="411">4'11"</option>
    <option value="500">5' 0"</option>
</select>
相关讨论

您应该使用选项的值来选择它，这样您的代码应该是：

1
$("#heightSelect1").val('500').change();

如果要选择文本为5' 0"的选项。

希望这有帮助。