2016-12-07 82 views
0

我想从第一个下拉列表中填充第二个下拉列表。Jquery返回值“undefined”.net核心

这一切工作,但城市名称和值只是返回“未定义”。 *城市数量返回正确,但名称和数值总是“未定义”。 *

控制器:

[HttpPost] 
    public ActionResult getCityJson(string stateId) 
    { 
     int _stateid = Convert.ToInt32(stateId); 
     List<Cities> objcity = new List<Cities>(); 
     objcity = _db.Cities.Where(m => m.stateID == _stateid).ToList(); 
     SelectList obgcity = new SelectList(objcity, "CityID", "CityName", 0); 
     return Json(obgcity); 
    } 

查看页:

$("#istateid").change(function() { 
     var id = $("#istateid").val(); 
     $.ajax({ 
      url: '@Url.Action("getCityJson", "Home")', 
      data: { stateId: id }, 
      cache: false, 
      type: "POST", 
      success: function (data) { 
       var markup = "<option value='0'>Select City</option>"; 
       for (var x = 0; x < data.length; x++) { 
        markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>"; 
       } 
       $("#icityid").html(markup).show(); 
      }, 
      error: function (reponse) { 
       alert("error : " + reponse); 
      } 
     }); 
    }); 

我也试过公共JsonResult,并返回JsonResult和公众的SelectList和返回的SelectList,但没有一次成功。

我还尝试这样做:

$("#istateid").change(function() { 
$.ajax({ 
type: "POST", 
url: '@Url.Action("getCityJson", "Home")', 
data: { stateId: $("#istateid > option:selected").attr("value") }, 
success: function (data) { 
    var items = []; 
    items.push("<option>--Choose Your City--</option>"); 
    $.each(data, function() { 
     items.push("<option value=" + this.Value + ">" + this.Text + "</option>"); 
    }); 
    $("#icityid").html(items.join(' ')); 
    } 
}) }); 

我收到此在浏览器: (类型错误:数据[X]是未定义)

$("#istateid").change(function() { 
     var id = $("#istateid").val(); 
     $.ajax({ 
      url: '/Home/getCityJson', 
      data: { stateId: id }, 
      cache: false, 
      type: "POST", 
      success: function (data) { 
       var markup = "<option value='0'>Select City</option>"; 
       for (var x = 0; x < data.length; x++) 
       { markup += "<option value=" + data[x].CityID + ">" + data[x].CityName + "</option>"; } 
       $("#icityid").html(markup).show(); 
      }, 
      error: function (reponse) { 
       alert("error : " + reponse); 
      } 
     }); 
    }); 

<option value="0">Select City</option> 
<option value="undefined">undefined</option> 
<option value="undefined">undefined</option> 
<option value="undefined">undefined</option> 
+1

当然,他们是不确定的。在编写javascript代码之前,你甚至可以查看json数据吗?您正在返回一个'City'对象,它可能具有“Name”或“CityId”等属性,但在您的代码中,您可以访问“Value”和“Text”。您需要创建一个新模型(或返回annotype模型)或使用** Model **的属性,而不是Value/Text。在旁注中,不要在方法中调用同步数据库代码,一直使用异步方式。它会阻止您的请求线程并降低整体性能和可伸缩性 – Tseng

+0

尝试此操作对于(var x = 0; x “+ data [x]。城市名称+”“; }' –

+0

仍然“未定义”。我也试过了。 this.Value,this.Text,但没有任何作用。当我只输入“this”时,它返回[Object object] – Neok

回答

0

解决:

items.push("<option value=" + this.value + ">" + this.text + "</option>"); 

价值和文字骆驼套。 特别感谢来自火星@agua

其他代码我想:

 $("#istateid").change(function() { 
     $.ajax({ 
     type: "POST", 
     url: '@Url.Action("getCityJson", "Admin")', 
     data: { stateId: $("#istateid > option:selected").attr("value") }, 
     success: function (data) { 
     var items = []; 
      items.push("<option>--Choose Your Area--</option>"); 
      $.each(data, function() { 
      items.push("<option value=" + this.Value + ">" + this.Text + "</option>"); 
      }); 
      $("#icityid").html(items.join(' ')); 
     } 
     }) 
     }); 

控制器:

[HttpPost] 
    public JsonResult getCityJson(string stateId, string selectCityId = null) 
    { 
     return Json(getCity(stateId, selectCityId)); 
    } 
    public SelectList getCity(string stateId, string selectCityId = null) 
    { 
     IEnumerable<SelectListItem> cityList = new List<SelectListItem>(); 
     if (!string.IsNullOrEmpty(stateId)) 
     { 
      int _stateId = Convert.ToInt32(stateId); 
      cityList = (from m in db.Cities where m.StateID == _stateId select m).AsEnumerable().Select(m => new SelectListItem() { Text = m.CityName, Value = m.CityID.ToString() }); 
     } 
     return new SelectList(cityList, "Value", "Text", selectCityId); 
    } 
0

试试这个:

  success: function (data) { 
      var response=JSON.parse(data); 
      var markup = "<option value='0'>Select City</option>"; 
      for (var x = 0; x < response.length; x++) 
      { markup += "<option value=" + response[x].CityID + ">" + response[x].CityName + "</option>"; } 
      $("#icityid").html(markup).show(); 
     },