Javascript 如何加载默认国家/地区、州和;在页面加载本身的依赖下拉列表中的城市?

Javascript 如何加载默认国家/地区、州和;在页面加载本身的依赖下拉列表中的城市?,javascript,jquery,ajax,asp.net-mvc,Javascript,Jquery,Ajax,Asp.net Mvc,在我的asp.net mvc4应用程序中,我有3个独立的下拉列表,分别命名为国家、州和城市。我想在“自行加载”页面中加载国家、州和城市下拉列表的默认值,如美国、宾夕法尼亚和伯利恒。这些国家,州和城市正在从数据库获取数据。请向我建议适当的jquery和ajax调用方法。我在asp.net mvc4应用程序中使用此下拉列表。使用ajax的依赖下拉列表 function editData(ele) { $.ajax({ type: "POST",

在我的asp.net mvc4应用程序中,我有3个独立的下拉列表,分别命名为国家、州和城市。我想在“自行加载”页面中加载国家、州和城市下拉列表的默认值,如美国、宾夕法尼亚和伯利恒。这些国家,州和城市正在从数据库获取数据。请向我建议适当的jquery和ajax调用方法。我在asp.net mvc4应用程序中使用此下拉列表。

使用ajax的依赖下拉列表

function editData(ele) {
            $.ajax({
                type: "POST",
                url: '@Url.Action("SingaleRecordClsss", "Class")',
                data: JSON.stringify({ 'id': ele }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                $("#hdfid").val(ele);
                $("#ddacademy").val(result.classrecord.cacademyname);
                var id = result.classrecord.cacademyname;
                $.ajax({
                    type: "POST",
                        url: '@Url.Action("FillTeacherNameAccordingAcademy", "Teacher")',
                        contentType: "application/json; charset=utf-8",
                        data: JSON.stringify({ 'id': id }),
                        dataType: "json",
                        success: function (results) {

                            $("#ddteacher").find("option").remove();
                            $("#ddteacher").append("<option value='0'>--Select--</option>");
                            $.each(results.teacherlist, function (i, item) {
                                $("#ddteacher").append("<option value='" + item.sid + "'>" + item.sname + "</option>");
                            });
                            $("#ddteacher").val(result.classrecord.cteachername);
                            $("#ddstanedrd").val(result.classrecord.cstanderd);
                            $("#txtclassname").val(result.classrecord.classname);
                            $("#txtdatetime").val(result.classrecord.cdatetime);
                        }
                    });
                    $("#btnsubmit").html("Update");
                }
            });
      }
函数编辑数据(ele){
$.ajax({
类型:“POST”,
url:'@url.Action(“SingalerRecordCLSSS”,“类”),
数据:JSON.stringify({'id':ele}),
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(结果){
$(“#hdfid”).val(ele);
$(“#ddacademy”).val(result.classrecord.cacademyname);
var id=result.classrecord.cacademyname;
$.ajax({
类型:“POST”,
url:'@url.Action(“FillTeacherNameAccordingAcademy”、“教师”),
contentType:“应用程序/json;字符集=utf-8”,
数据:JSON.stringify({'id':id}),
数据类型:“json”,
成功:功能(结果){
$(“#ddteacher”).find(“option”).remove();
$(“#ddteacher”).append(“--Select--”);
$.each(results.teacherlist,函数(i,项){
$(“#ddteacher”).append(“+item.sname+”);
});
$(“#ddteacher”).val(result.classrecord.cteachername);
$(“#ddstanedrd”).val(result.classrecord.cstander);
$(“#txtclassname”).val(result.classrecord.classname);
$(“#txtdatetime”).val(result.classrecord.cdatetime);
}
});
$(“#btnsubmit”).html(“更新”);
}
});
}

easy add
selected
属性添加到您的select下拉列表中的那些选项….:)