jquery - 我想用 jquery 的下拉选择填充文本框

Question

我有一张compte桌子

• ID
• 登录
• 邮件
• 移动的

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

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

Answer 1

我相信您不会期望我们从头开始编写代码，而是寻找一些步骤来实现这一点

1） 从您的数据访问层（表/缓存）获取所有登录列值并在下拉菜单中显示。

2)在 javascript 中监听 Dropdown 的 change 事件。当更改事件发生时，获取选定项的值并对另一个Action方法进行 Ajax 调用，并将下拉菜单的选定值作为该方法的参数传递。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"
}