j-queryボタンをクリックしたときにリストのテキストが変更されないようにする

Question

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> 

Answer 1

あなたはので、あなたのコードがあるべきことを選択するために、オプションの値を使用する必要があります。

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

テキスト5' 0"でオプションを選択します。

これが役に立ちます。