基于在mvc4中选择下拉列表值来填充文本框

使用Json填充文本框的值来自数据库的某些文本框。要让事件触发，用户必须从下拉列表中选择一个电子邮件地址。然后用必要的值填充文本框。下面是我的代码，但它不返回任何东西，如果即时通讯运行它。基于在mvc4中选择下拉列表值来填充文本框

JQUERY

$(function() { 
     GetUserInfo($("#EmailAddress")); 
    }); 

    function GetUserInfo(e) { 
     var EmailId = $(e).val(); 
     console.log(EmailId); 
     $.ajax({ 
      url: '@Url.Action("GetUserInfo", "Permit")', 
     dataType: 'json', 
     type: 'POST', 
     data: { EmailAddress: EmailId }, 
     success: function (msg) { 
      $("#FirstName").attr("value", msg); 
      $("#LastName").attr("value", msg); 
      $("#MobileNumber").attr("value", msg); 
     }, 
     error: function() { } 
    }); 
}

HTML

<div class="row-fluid"> 
    <div class="span6"> 
    <p class="input-wrap"> 
    @Html.Label("Select Email Address") 
    @Html.DropDownListFor(m=>Model.contactInfo.EmailAddress, new SelectList (Model.AllEmployeeEmail,"Value","Text"),"----select One----", new { @class = "required span12", onchange = "getEmail(this);"}) 
    @Html.ValidationMessageFor(m => Model.contactInfo.EmailAddress) 
    </div> 
    <div class="span6"> 
    </div> 
</div> 

<div class="row-fluid"> 
    <div class="span6"> 
    <p class="input-wrap"> 
    @Html.LabelFor(m => Model.contactInfo.FirstName) 
    @Html.TextBoxFor(m => Model.contactInfo.FirstName, new { @class = "required span12" }) 
    @Html.ValidationMessageFor(m => Model.contactInfo.FirstName) 
    </div> 
    <div class="span6"> 
    </div> 
</div> 

<div class="row-fluid"> 
    <div class="span6"> 
    <p class="input-wrap"> 
    @Html.LabelFor(m => Model.contactInfo.LastName) 
    @Html.TextBoxFor(m => Model.contactInfo.LastName, new { @class = "required span12" }) 
    @Html.ValidationMessageFor(m => Model.contactInfo.LastName) 
    </div> 
    <div class="span6"> 
    </div> 
</div> 

<div class="row-fluid"> 
    <div class="span6"> 
    <p class="input-wrap"> 
    @Html.LabelFor(m => Model.contactInfo.MobileNumber) 
    @Html.TextBoxFor(m => Model.contactInfo.MobileNumber, new { @class = "required span12" }) 
    @Html.ValidationMessageFor(m => Model.contactInfo.MobileNumber) 
    </div> 
    <div class="span6"> 
    </div> 
</div>

控制器

[HttpPost] 
public JsonResult GetUserInfo(string Email) 
{ 
    // ContactInfo info = new ContactInfo(); 
    var info = from ci in db.ContactInfo 
       join cci in db.CompanyContactInfo on ci.Id equals cci.ContactInfoId 
       join cr in db.CompanyReg on cci.CompanyRegId equals cr.Id 
       where cr.CompanyRegCode == User.Identity.Name 
       select new SelectListItem() { Value = ci.Id.ToString(), Text = ci.EmailAddress }; 

    return Json(info, JsonRequestBehavior.AllowGet); 
}

请帮助我。我知道我错过了什么。我只是不知道它是什么。谢谢。

来源

2014-03-03 Haruna Ado

您应该提供与服务器代码中的参数相同的发布数据。在上述情况下，你应该给电子邮件，而不是EmailAddress的

function GetUserInfo(e) { 
    var EmailId = $(e).val(); 
    console.log(EmailId); 
    $.ajax({ 
     url: '@Url.Action("GetUserInfo", "Permit")', 
    dataType: 'json', 
    type: 'POST', 
    data: { Email: EmailId }, 
    success: function (msg) { 
     $("#FirstName").attr("value", msg); 
     $("#LastName").attr("value", msg); 
     $("#MobileNumber").attr("value", msg); 
    }, 
    error: function() { } 
});

来源

2014-03-03 12:08:55

我仍然有同样的问题。 –

你会得到任何控制台错误？ –

@HarunaAdo在ajax的成功事件中发出警报。检查它是否发生。 –

改变这种

data: { EmailAddress: EmailId },

在jQuery的POST

到

data: { Email: EmailId },

，因为你的行动GetUserInfo接受一个名为“Email”的字符串参数，而不是“EmailAddress”。两者应该是一样的。

来源

2014-03-03 12:11:20 Yasser

基于在mvc4中选择下拉列表值来填充文本框

回答

相关问题