Jquery 触发更改时如何更改下拉列表的值

我想在触发另一个下拉列表的更改时更改下拉列表的值

<select id="option">
    <option id="1">1</option>
    <option id="2">2</option>
</select>


<select id="au">
    <option id="admin">admin</option>
    <option id="user">user</option>
</select>

<input type="checkbox" id="cb">hii

---

您必须获得ID，并且您可能应该使用一个值，但是无论如何

$('#option').on('change', function() {
    var id = $('option:selected').prop('id');

    $('#admin').prop('selected', id == '1').closest('select').prop('disabled', id == '1');
    $('#cb').prop('checked', id == '1').prop('disabled', id == '1');
});

正确的方法，有价值

要分配值的用户属性值

HTML:

---

抱歉，让我用我尝试过的更新我的问题。不确定是否只有我一个人想知道选项2的目的是什么而不是使用ID作为选项，使用值属性为什么会有这么多否决票？这是一个真正的问题，并且在SO指导下。IMHO，当你的问题达到描述你想要什么的门槛时，你会要求它，而不是你尝试了什么，以及为什么你不能成功。另外，我认为你的问题不完整。谢谢。但他们不是残疾人。我怎样才能禁用它们呢？

$('#option').on('change', function() {
    var id = $('option:selected').prop('id');

    $('#admin').prop('selected', id == '1').closest('select').prop('disabled', id == '1');
    $('#cb').prop('checked', id == '1').prop('disabled', id == '1');
});

<option value="1" id="1">1</option>
<option value="2" id="2">2</option>

<option value="admin" id="admin">admin</option>
<option value="user" id="user">user</option>

$("#option").change(function() {
    if($(this).val() == "1"){
        $("#au option[value='admin']").attr("selected","selected");
        $("#au").attr("disabled","disabled");
        $("#cb").prop("checked",true).attr("disabled","disabled");
    }
    else{
        $("#au").removeAttr("disabled");
        $("#cb").removeAttr("disabled");
    }
});