根據其他選擇的項目更改選定項目

Question

這應該很簡單，但沒有任何工作。我有2個選擇列表'UsersList'和'RolesList'，每個列表在開頭都有一個空的選項標籤（Html.DropDownList）。當某人從第一個選項中選擇一個選項時，我想讓其他人的「選定」選項清除，或者轉到第一個項目（沒有值），反之亦然。似乎簡單的enuff。提前致謝。

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;    
});