如何使用json ajax動態地在下拉列表中插入值？

JSON對象：如何使用json ajax動態地在下拉列表中插入值？

[ 
    { 
     "C_CO": 0, 
     "C_NAME1": "All- (BSPL)" 
    },{ 
     "C_CO": 2, 
     "C_NAME1": "Solutions Pvt Ltd" 
    } 
]

如何填充下拉列表下面的編碼？

$.ajax({ 
    success: function (data) {

此後我不知道如何填充select？我想將c_co值設置爲下拉值，並將C_NAME1值設置爲下拉文本。

來源

2015-04-23 Vicky Siddharth

請更好的格式代碼 – Kartoch

首先，您的JSON匹配錯誤}。假設這只是一個錯字，您只需循環遍歷data變量中包含的AJAX請求的響應，並在迭代中創建一個新的option元素。試試這個：

success: function(data) { 
    var options = []; 
    $.each(data, function(i, item) { 
     options.push($('<option />', { value: item.C_CO, text: item.C_NAME1 })); 
    }); 
    $('select').append(options); 
}

來源

2015-04-23 14:31:14

它不工作:( –

檢查控制檯。有可能是在你的代碼的其他地方的錯誤，或請求本身的問題。 –

使用這樣

$(document).ready(function(){ 


     jsonList =' [{ 
      "C_CO": 0, 
      "C_NAME1": "All- (BSPL)" 
     },{ 
      "C_CO": 2, 
      "C_NAME1": "Solutions Pvt Ltd" 
     } 
    }]'; 
      var listItems= ""; 
      for (var i = 0; i < jsonList.Table.length; i++){ 
      listItems+= "<option value='" + jsonList.Table[i].C_CO+ "'>" + jsonList.Table[i].C_NAME1+ "</option>"; 
      } 
      $("#DLState").html(listItems); 
     });

來源

2015-04-23 14:32:21

您可以簡單地添加<option>標籤與innerHTML屬性。例如，如果你有一個ID dd下拉和你的JSON數據被分配到jsonData則：

var dd=document.getElementById('dd'); 
dd.innerHTML+='<option>'+jsonData[i].C_NAME1+'</option>';

將值添加到下拉列表中。

來源

2015-04-23 14:34:47 Matthew

<select id="dynamicDropdown"></select> 

<script> 
    $.ajax({ 
     url : "", 
     success : function(data){ 
      console.log(data) // data should be an array that you have mentioned. 
      data.map(function(c){ 
       $("#dynamicDropdown").append("<option value="+c.C_CO+">"+c.C_NAME1+"</option>"); 
      }); 
     } 
    }); 
</script>

來源

2015-05-12 12:56:58

如何使用json ajax動態地在下拉列表中插入值？

回答

相關問題