Ajax在下拉列表中包括數據

Question

目前，我正在從api檢索數據。 數據包含id和charity_name。 它必須在下拉列表中。 目前已成功在下拉列表中顯示慈善機構名稱，但卡在ID上。 如何將ID包含在下拉列表的選項中？

 $.ajax({ type: 'GET', url: 'http://ayambrand-com-my-v1.cloudaccess.host/administrator/index.php?option=com_echarity&format=raw&task=api.get_charities', data: { get_param: 'value' }, dataType: 'json', success: function (data) { $.each(data, function(index, element) { $('#list').append($('<option>', { text: element.charity_name })); }); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <div> <form> <table class="a"> <tr> <td> <select id="list"> </select> </td> </tr> </table> <table class="b"> <tr> <td> <span>Content</span> </td> </tr> </table> </form> </div> 

有人可以指出我正確的方向嗎？

謝謝。

Answer 1

只需在其中使用value: id

$('#list').append($('<option>', {
         text: element.charity_name,
         value: element.id
        }));

Answer 2

對您有幫助

 $(function(){ //place this inside your ajax success var data=[{id:1,charity_name:"One"},{id:2,charity_name:"two"}]; var html=""; $.each(data, function(index, element) { html+="<option value="+element.id+">"+element.charity_name+"</option>"; }); $('#list').append(html); /*$.ajax({ type: 'GET', url: 'http://ayambrand-com-my-v1.cloudaccess.host/administrator/index.php?option=com_echarity&format=raw&task=api.get_charities', data: { get_param: 'value' }, dataType: 'json', success: function (data) { } });*/ }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <div> <form> <table class="a"> <tr> <td> <select id="list"> </select> </td> </tr> </table> <table class="b"> <tr> <td> <span>Content</span> </td> </tr> </table> </form> </div>