我有三个DropDownLists.如果选择了第一个DropDownList中的特定值,则应启用第二个Dropdownlist.例如,如果选择了“播放器3”,则应启用另外两个DropDownList,但是,如果选择“播放器2”,则应禁用最后一个DropDownList,并启用第二个DropDownList.
我怎么能轻松做到这一点?我首先使用的是MVC 3 EF模型.
这是我的观点中的代码:
<p>Player</p> <div class="editor-field"> @Html.DropDownListFor(m => m.PlayerName,Model.SubjectTypes,"Choose player",new { @class = "selectstyle" }) @Html.ValidationMessageFor(model => model.PlayerName) </div> <p>Position</p> <div class="editor-field"> @Html.DropDownListFor(model => model.PositionName,Model.Consultants,"Choose Position",new { @class = "selectstyle" }) @Html.ValidationMessageFor(model => model.ContactPerson) </div> <p>Team</p> <div class="editor-field"> @Html.DropDownListFor(model => model.TeamName,Model.Teams,"Choose Team",new { @class = "selectstyle" }) @Html.ValidationMessageFor(model => model.ContactPerson) </div>
解决方法
您可以订阅第一个下拉列表的.change()事件,然后根据当前选择的值启用/禁用其他值:
$(function() { $('#PlayerName').change(function() { var value = $(this).val(); if (value == 'Player3') { $('#PositionName,#TeamName').removeAttr('disabled'); } else if (value == 'Player2') { $('#PositionName').removeAttr('disabled'); $('#TeamName').attr('disabled','disabled'); } }); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。