我想填充文本框下拉选择使用jQuery

Question

我有一个表compte与

• ID
• 登录
• 邮件
• 移动

我想要显示的使用下拉列表登录，当用户选择登录时，手机和电子邮件应自动显示在2个文本框中他的选择。

有人可以帮助或给我一个例子吗？

Answer 1

我相信你是不是希望我们从头开始编写代码，而是寻找一些步骤，如何实现这一目标

1）路线从您的数据访问层所有登录的列值（表/缓存）和Show that in a DropDown.

2）在javascript中监听下拉菜单的更改事件。发生更改事件时，获取所选项目的值并调用另一个Action方法的Ajax调用，并将所选的Dropdown值作为此方法的参数传递。Action方法应从您的表中获取相应的记录，以便针对此登录并将结果以JSON格式返回给客户端。

3）在您的ajax方法的回调中，阅读JSON并设置文本框的值。

$(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" 
}