javascript - Ajax在下拉列表中包括数据

目前，我正在从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>

有人可以指出我正确的方向吗？

谢谢。

最佳答案

只需在例如使用value: id

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

关于javascript - Ajax在下拉列表中包括数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48740756/