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

时间:2012-08-01 12:55:05

标签: jquery asp.net-mvc-3

我有一张表compte

  • ID
  • 登录
  • 邮件
  • 移动

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

有人可以帮忙或给我一个例子吗?

1 个答案:

答案 0 :(得分:1)

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

1)从数据访问层(表/缓存)和Show that in a DropDown.获取所有登录列值

2)在javascript中收听Dropdown的更改事件。当更改事件发生时,获取所选项的值并对另一个Action方法进行Ajax调用,并将选定的Dropdown值作为此方法的参数传递.Action方法应该得到相应的从您的表中记录此特定登录并将结果以JSON格式返回给客户。

在ajax方法的回调中,

3),阅读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"
}