MVC3:通过Javascript获取下拉菜单选择的值/文本
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了MVC3:通过Javascript获取下拉菜单选择的值/文本,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1056字,纯文字阅读大概需要2分钟。
内容图文
在MVC3上,下拉列表定义为
@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"))
如何通过javascript获取所选值和/或文本?
我试过传递一个名字:
@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"), new {name="name")
并从javascript中读取名称:
document.getElementByName( “名称”)
但这不起作用.
解决方法:
如果您正在使用jQuery(很可能使用MVC项目):
// lambda to get the ID of your dropdown. This runs on the server,
// and injects the ID into a client-side variable.
var id = '@Html.IdFor( o => o.model )';
// get the dropdown by ID and wrap in a jQuery object for easy manipulation
var dropdown = $("#" + id);
// get the value
var value = dropdown.val();
当然,如果需要,您可以将它组合成一行.
如果您不使用jQuery,请参阅https://stackoverflow.com/a/1085810/453277.
var id = '@Html.IdFor( o => o.model )';
var dropdown = document.getElementById( id );
var value = dropdown.options[dropdown.selectedIndex].value;
手册ID:
@Html.dropDownList(m=>m.model, new SelectList(m.myList, "value", "text"), new {id = "ddl1"})
var value = $("#ddl1").val();
内容总结
以上是互联网集市为您收集整理的MVC3:通过Javascript获取下拉菜单选择的值/文本全部内容,希望文章能够帮你解决MVC3:通过Javascript获取下拉菜单选择的值/文本所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。