Question

我试图在我的应用程序中插入一个下拉列表，该列表位于ASP.NET MVC4中。我正在使用select标签在index.aspx文件中插入下拉列表。应根据在ajax调用中获取的数据填充此下拉列表，该调用在test.js文件中调用。因此，在调用ajax之后，获取的JSON数据将存储到名为combodata的变量中。我的问题是，如何将此数据绑定到.aspx文件中声明的下拉列表。

以下是在index.aspx文件中插入下拉列表的代码：

 <select id="dropdown"></select>

在tset.js文件中，我使用以下代码获取展平的JSON数据：

 var comboData; 
   $(document).ready(function (e) {    
      combodata();     
  });`

   function combodata() {    
    $.ajax({
        type: 'GET',
        url: 'someurl',      
        success: function (data) {
             comboData = data;           
        }
     })  
  }

如何将comboData绑定到下拉列表？如果有人可以为我解决这个问题，那将会很有帮助。

Answer 1

请尝试如下。

注意：我在fr循环中提到的值表示您需要在下拉列表中显示的值。例如（comboData.value）

function combodata() { $.ajax({ type: 'GET', url: 'someurl', success: function (data) { comboData = data; $.each(comboData, function (index, value) { $('#dropdown').append($('<option>').text(value).attr('value', value)); }); } }) }

Answer 2

我认为这会对你有帮助..

       $.getJSON("your url", function (data) {


            var selecttag = $('#Id_of_your_select_tag');
            $.each(return_json_obj_name, function () {
                var option = $('<option>' + this.your_return_obj_property_name + '</option>');
                selecttag.append(option);
            })
        });

将从数据库表中获取的数据绑定到ASP.NET MVC4中的html下拉列表

2 个答案: