Jquery AJAX - 无法将数据绑定到下拉列表 - ASP.NET MVC，jquery [英] Jquery AJAX - can't bind data to dropdown - ASP.NET MVC, jquery

问题描述

无法绑定级联下拉菜单 - jQuery AJAX



我尝试过的方法：



我的数据库由地区，部门和部门组成。状态。我的应用程序（ASP.NET MVC）应用程序使用entityframework将数据绑定到DropDown。



创建默认绑定区域的动作。

创建使用RegionId作为反向部门的参数

Unable to bind Cascading Dropdowns - jQuery AJAX

What I have tried:

My DB consists of Regions, Divisions & States. My application (ASP.NET MVC) application uses entityframework to bind data to DropDown.

Created Action to bind Regions by default.
Created Action with RegionId as parameter to retrive Divisions

[HttpGet]  
       public JsonResult GetDivisionsByRegions(string regionID = "")  
       {  
           try  
           {  
               List<Division> allDivisions = new List<Division>();  
               int ID = 0;  
               if (int.TryParse(regionID, out ID))  
               {  
                   using (GeoEntities data = new GeoEntities())  
                   {  
                       allDivisions = data.Divisions.Where(div => div.RegionID == ID).OrderBy(div => div.DivisionID).ToList();  
                   }  
               }  
               if (Request.IsAjaxRequest())  
               {  
                   return new JsonResult  
                   {  
                       Data = allDivisions,  
                       JsonRequestBehavior = JsonRequestBehavior.AllowGet  
                   };  
               }  
               else  
               {  
                   return new JsonResult  
                   {  
                       Data = "Invalid Data",  
                       JsonRequestBehavior = JsonRequestBehavior.AllowGet  
                   };  
               }  
           }  
           finally  
           {  
           }  
       }  

jQuery AJAX调用来自&的GET数据绑定到Dropdown。

jQuery AJAX call to GET data from & bind to Dropdown.

<script type="text/javascript">  
    $(document).ready(function () {  
        $('#RegionID').change(function () {  
            var regionID = parseInt($('#RegionID').val());  
            if (!isNaN(regionID)) {  
                var ddDivision = $('#DivisionID');  
                ddDivision.empty();  
                ddDivision.append($("<option></option>").val("").html("Select Division"));  
                $.ajax({  
                    url: "@Url.Action("GetDivisionsByRegions","GetGeoData")",  
                    type: "GET",  
                    data: { regionID: regionID },  
                    dataType: "json",  
                    success: function (data) {  
                        $.each(data, function (i, value) {  
                            ddDivision.append(  
                                $('<option></option>').val(value.DivisionID).html(value.DivisionName)  
                                );  
                        });  
                    },  
                    error: function () {  
                        alert('Sorry!! Error');  
                    }  
  
                });  
              }  
        });  
    });  
</script>

能够从实体获取数据。

将数据绑定到分区下拉时出错。显示'抱歉!!错误'）。



请帮帮我。

Able to get data from entity.
Error when binding data to Division drop down.(alert shows 'Sorry!! Error').

Please help me out.

推荐答案

（ document ）。ready（ function （）{

(document).ready(function () {

（' ＃RegionID'）。change（ function （） {
var regionID = parseInt （

('#RegionID').change(function () { var regionID = parseInt(

（ ' ＃RegionID'）。val（））;
if （！isNaN（regionID））{
var ddDivision =

('#RegionID').val()); if (!isNaN(regionID)) { var ddDivision =

这篇关于Jquery AJAX - 无法将数据绑定到下拉列表 - ASP.NET MVC，jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！