在更改,ajax调用,mvc列表中附加到下拉列表

时间:2014-12-03 02:47:51

标签: javascript jquery ajax asp.net-mvc

这样做时我遇到了一个小问题。目前我有一个脚本在页面加载时加载状态列表。很好,它与countylist级联,所以每当状态改变时,它都会向服务器发送一个ajax调用,然后根据状态将countylist项目输入到countylist下拉列表中。现在我想在保持相同功能的同时做一些不同的事情。我希望能够通过一键式#load获得州和县。因此,一旦我点击加载,它将向服务器发送一个ajax调用,并返回一个与该加载调用相关联的州和县名称。但是这里存在问题,我可以将状态列表值更改为状态,但它根本不会更改计数器列表。县列表完全为空,因此我必须打开州列表并单击州列表以加载县列表。我尝试使用加载,点击,更改等。但它没有工作,所以我想知道你是否可以帮助我。我在这里谈论的是一些代码。

$(document).ready(function () {
  var $stateList = $("#StateList");
  $stateList.change(function () {
    var statelist = $stateList[0];
    var countylist = $("#CountyList");
    $.ajax({
      type: "GET",
      cache: false,
      url: "GetCounties",
      data: { "jsonString": statelist[statelist.selectedIndex].value },
      success: function (data) {
        countylist.empty();
        for(var i=0;i<data.length;i++)
        {
          countylist.append('<option value="' + data[i] + '">' + data[i] + '</option>');
        }
      }
    });
  });
  var statelist = $("#StateList");
  $.ajax({
    type: "GET",
    cache: false,
    url: "GetState",
    data: { "jsonOrderInt": orderdetailid.value },
    success: function (data) {
      statelist.val(data)
    }
  });
  var countyname = $("#CountyList");
  $.ajax({
    type: "GET",
    cache: false,
    url: "GetCountyName",
    data: { "jsonOrderInt": orderdetailid.value },
    success: function (data) {
      countyname.val(data)
    }
  }
});

这些都是单独的ajax调用。一个人打电话给菜单人显示变化,其他两个人试图获得州和县的详细信息。我已经被困了一段时间也许你可以帮忙!

0 个答案:

没有答案