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

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

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

Answer 3

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

尝试这个

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