我想用jquery填充下拉选项的文本框
我有一张桌子
- ID
- 登录
- 邮件
- 移动
我想用下拉列表显示登录信息,当用户选择登录移动设备时,电子邮件应根据他的选择自动显示在2个文本框中。
有人可以帮忙或给我一个例子吗?
我相信你不是指望我们从头开始编写代码,而是寻找一些如何实现这一目标的步骤
1)从数据访问层(表/缓存)获取所有登录列值并在DropDown中显示该值。
2)在javascript中收听Dropdown的更改事件。 当更改事件发生时,获取所选Item的值并对另一个Action
方法进行Ajax调用,并将Dropdown的选定值作为此方法的参数传递.Action方法应该从您的表中获取相应的记录以进行此特定登录并以JSON
格式将结果返回给客户端。
3)在ajax方法的回调中,读取JSON
并设置Text框的值。
$(function(){ $("#LoginDropDown").change(function(){ var val=$(this).val(); $.getJSON("@Url.Action("GetDetails","Home")/"+val,function(data){ if(data.Status=="Success") { $("#txtMail").val(data.Mail); $("#txtMobile").val(data.Mobile); } }); }); });
假设您的Action方法以此格式返回JSON。
{ "Status": "Success", "Mail": "you@outlook.com", "Mobile": "242342344" }