javascript - ドロップダウンが他の値に基づいて変化しないのはなぜですか?

Question

なぜこれが機能しないのかわかりません。刺してみたい人はいますか？

以下のフォームがあります。ユーザーが #frmcomments で「無効」オプションを選択した場合、#frmstatus を非公開のオプション値に変更したいと考えています。

<label for="type">Comments:</label>
<select class="sort-select" id="frmcomments" name="frmcomments">
    <option value="enabled">Allow Comments</option>
    <option value="disabled">No Comments</option>
</select>



<label for="type">Status:</label>
<select class="sort-select" id="frmstatus" name="frmstatus">
    <option value="public">Anyone can see</option>
    <option value="private">Only I can see</option>
</select>

以下のjqueryを使っているのですが、うまくいきませんか?

$('#frmcomments').change(function() {
    var thistype = $(this).find(":selected").val();

    if(thistype=="disabled") {
        $("#frmstatus").val("private");
    }

    return false; 
});

Answer 1

thistypeあなたの価値をチェックしてください。を呼び出すことができるはずでありval()、選択したリスト項目を取得するためselectに呼び出す必要はありません。.find(":selected")

Answer 2

var thistype = $(this).find(":selected").val();

これを試して

var thistype = $(this).val();

Answer 3

$('#frmcomments').change(function() {
    var thistype = $(this).val();

    if(thistype=="disabled") {
        $("#frmstatus").val("private").change();
    }
    return false; 
});