Jquery 基于其他选定项目更改选定项目

这应该很简单，但还没有任何效果。我有两个选择列表，“UsersList”和“RolesList”，在Html.DropDownList的开头都有一个空的选项标签。当有人从第一个选项中选择一个选项时，我希望另一个人的所选选项被清除，或者转到第一个没有值的项目，反之亦然。看起来很简单。提前谢谢

jquery：

       $("#UsersList").on('change', function (event) {
        $('#RolesList').selectedIndex = 1;            
        });

生成的HTML：

<select id="UsersList" name="UsersList"><option value=""></option>
 <option value="14ab6df2f585hhhh47fd">user1</option>
 <option value="73d50cce-02e45f76cfb">user2</option>
 <option value="9fddda3-b7a9-dd188b7">user2</option>
 <option value="0b56fe3d-t06566b897b">user4</option>
</select>

<select id="RolesList" name="RolesList"><option value=""></option>
 <option value="admin">admin</option>
 <option value="df">user</option>
 <option value="docadmin">Documen tAdmin</option> 
 <option value="UserAdmin">UserAdmin</option>
</select>

尝试：

这种方法也适用于获取与jquery对象关联的dom元素：

$("#UsersList").on('change', function (event) {
    $('#RolesList').get(0).selectedIndex = 0;            
});

---

出于某种原因，这只在我稍微更改它时对我有效：$'UsersList'.changefunction。Firefox的Venkman JS调试器一直告诉我…on不是一个有效的事件？？？。我不确定其他方法是否也有效，但因为我稍后会检查输入值，所以这似乎是最准确的。谢谢大家。

$('#RolesList').prop('selectedIndex',1);

$("#UsersList").on('change', function (event) {
    $('#RolesList').get(0).selectedIndex = 0;            
});