在下拉jquery的更改事件上调用API

我已经使用了国家、州、城市的javascript来创建客户端表单

     @Html.DropDownListFor(model => model.Country, new SelectList(new List<object>{
                                                                                                         new { value="Select", text= "--Select--" },                                                                                            
                                                                                                         }, "value", "text", 0), new { @class = "countries",id="countryId" })
 @Html.DropDownListFor(model => model.State, new SelectList(new List<object>{
                                                                                                     new { value="Select", text= "--Select--" },
                                                                                                     }, "value", "text", 0), new { @class = "states",id="stateId" })
@Html.DropDownListFor(model => model.City, new SelectList(new List<object>{
                                                                                                     new { value="Select", text= "--Select--" },
                                                                                                     }, "value", "text", 0), new { @class = "cities",id="cityId" })

@Html.DropDownListFor（model=>model.Country，新选择列表（新列表{
新建{value=“Select”，text=“--Select--”}，
}新的{@class=“countries”，id=“countryId”}）
@DropDownListFor（model=>model.State，新建SelectList（新建列表{
新建{value=“Select”，text=“--Select--”}，
}新的{@class=“states”，id=“stateId”}）
@DropDownListFor（model=>model.City，新建SelectList（新建列表{
新建{value=“Select”，text=“--Select--”}，
}新的{@class=“cities”，id=“cityId”}）

对于编辑视图，我只是在尝试更改onclick事件之后加载了国家、州、城市

 @Html.DropDownListFor(model => model.Country, new SelectList(new List<object>{
                                                                                                     new { value=@ViewBag.country, text=@ViewBag.country },
                                                                                                     }, "value", "text", 0), new { @class = "countries", id = "countryId" })
  @Html.DropDownList("State", new SelectList(new List<object>{ new { value=@ViewBag.states, text=@ViewBag.states },
                                                                                                     }, "value", "text", 0), new { @class = "states", id = "stateId" })
  @Html.DropDownListFor(model => model.City, new SelectList(new List<object>{
                                                                                                     new { value=@ViewBag.city, text=@ViewBag.city },
                                                                                                     }, "value", "text", 0), new { @class = "cities", id = "cityId" })

@Html.DropDownListFor（model=>model.Country，新选择列表（新列表{
新的{value=@ViewBag.country，text=@ViewBag.country}，
}新的{@class=“countries”，id=“countryId”}）
@Html.DropDownList（“State”，新选择列表（新列表{new{value=@ViewBag.states，text=@ViewBag.states}），
}新的{@class=“states”，id=“stateId”}）
@DropDownListFor（model=>model.City，新建SelectList（新建列表{
新{value=@ViewBag.city，text=@ViewBag.city}，
}新的{@class=“cities”，id=“cityId”}）

在编辑视图中，我尝试了以下操作：

$("#countryId").click(function () {
                alert('test');
                @*<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://lab.iamrohit.in/js/location.js"></script>*@
            });

$（“#countryId”）。单击（函数（）{
警报（“测试”）；
@*
*@
});

在jquery中，我在创建页面中调用api，如下所示

 @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://lab.iamrohit.in/js/location.js"></script>
    }

@节脚本{
@Scripts.Render（“~/bundles/jqueryval”）
}

在编辑页面中，如何调用此api，以便重新加载国家、州、城市。。 谁能帮我解决这个问题。。

---

提前感谢…

但是您没有编写捕获onchange事件的代码，也没有人在这里编写完整的代码，所以您最好尝试一下，问一个新问题，或者在出现任何错误时更新此问题@KaviSuja。你使用的所有JS文件都是框架，你必须编写代码来处理你的需求。请检查以上内容…您想在编辑页面或添加页面中加载州和城市？在edit中，它很简单，您传递国家id以获取该国家下的州，传递州id以获取该州下的城市，使用jquery，您必须通过传递IDin添加页面来执行ajax调用以获取州和城市。我已经加载了国家、州和城市。在编辑页面中，我想显示要从数据库中选择的特定国家、州、城市，单击它将显示所有其他国家、城市、州。我不能给你代码，我可以说逻辑1。您必须为变更事件绑定国家，并使用ajax调用加载状态，并将它们附加到状态下拉列表中，类似地，您必须绑定状态下拉列表并执行ajax调用，并将城市附加到城市下拉列表中。您应该在控制器中具有基于国家id/名称返回州的方法，以及基于州id/名称返回城市的方法。但是您没有编写捕获onchange事件的代码，也没有人在这里编写完整的代码，所以您最好尝试一些东西，提出一个新问题，或者在出现任何错误时更新此问题@KaviSuja。你使用的所有JS文件都是框架，你必须编写代码来处理你的需求。请检查以上内容…您想在编辑页面或添加页面中加载州和城市？在edit中，它很简单，您传递国家id以获取该国家下的州，传递州id以获取该州下的城市，使用jquery，您必须通过传递IDin添加页面来执行ajax调用以获取州和城市。我已经加载了国家、州和城市。在编辑页面中，我想显示要从数据库中选择的特定国家、州、城市，单击它将显示所有其他国家、城市、州。我不能给你代码，我可以说逻辑1。您必须为变更事件绑定国家，并使用ajax调用加载状态，并将它们附加到状态下拉列表中，类似地，您必须绑定状态下拉列表并执行ajax调用，并将城市附加到城市下拉列表中。您应该在控制器中具有基于国家id/名称返回州的方法，以及基于州id/名称返回城市的方法。