根据其他选择的项目更改选定项目

这应该很简单，但没有任何工作。我有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>

来源

2014-04-11 Darkloki

尝试：

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

jsFiddle example

来源

2014-04-11 17:25:10 j08691

由于某种原因，这只是工作的我：“$（'＃UsersList '）.change（function（）“）。 Firefox的Venkman JS调试器不断告诉我“（...）。”不是一个有效的事件（???）。我不确定其他方式是否也能正常工作，但由于我稍后会检查输入值，因此这似乎是最准确的。谢谢大家。 – Darkloki

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

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

来源

2014-04-11 17:26:09 Hogan

这种方式也适用get()抓住与jQuery对象相关联的DOM元素：当我改变了它稍微

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

来源

2014-04-11 17:51:15 Wilmer

根据其他选择的项目更改选定项目

回答

相关问题