javascript - 我如何在页面加载本身的依赖下拉列表中加载默认国家、州和城市？

Question

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

Answer 1

使用 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");
                }
            });
      }