Question

这应该很简单，但还没有任何工作。我有2个选择列表，'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>

Answer 1

尝试：

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

<强> jsFiddle example

Answer 2

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

http://jsfiddle.net/FJ8YP/1/

Answer 3

这种方式也有效get()抓取与jquery对象关联的dom元素：

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

根据其他所选项目更改所选项目

3 个答案: