利用js获取下拉框中所选的值

前端之家收集整理的这篇文章主要介绍了利用js获取下拉框中所选的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。

选择枚举值

/// 平台角色 /// public enum AdministratorRole { [Display(Name = "平台管理员")] PlatformAdministrator = 1,[Display(Name = "加盟商")] JoiningTrader = 10 }

代码

x.AdministratorRole,new { @class = "col-sm-2 control-label" })
x.AdministratorRole,new { @class = "form-control",onChange = "showSchool(this.value)",placeholder = Html.DisplayNameFor(x => x.AdministratorRole) })
x.AdministratorRole)

先让学校列表隐藏,style=”display:none”;效果和下图一样。我们利用下拉框的onChange事件来让其执行设定的方法showSchool(),这里面的参数是我们选择的值,this代表的AdministratorRole。

js代码

这样就可以了。

效果

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/js/44011.html

猜你在找的JavaScript相关文章