j-query按钮单击时选择列表文本不改变[重复]

Posted 2023-02-22

【中文标题】j-query按钮单击时选择列表文本不改变[重复]

【英文标题】：Select list text not changing when j-query button click [duplicate]

【发布时间】：2016-08-04 23:09:58

【问题描述】：

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

$("#btn-change-height").click(function() 
    $("#heightSelect1").val('5\' 0\"').change();  
);

<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>

【问题讨论】：

$("#heightSelect1").val("500") ?

【参考方案1】：

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

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

如果你想选择带有文字5' 0"的选项。

希望这会有所帮助。