将json数据填充到多选框html中

Question

这是一个多选框，所以用户需要在一个框中选择多个项目。ajax中的for循环将与下拉列表中的不同。 我有包含姓名、地址等的 JSON 数据。我在 html 中还有一个多选框：

<select name="AccountDetails" id="Accounts" 
multiple>
  <option value="Name">Name</option>

</select>

我想从 JSON 数据中填充这个多选框，但我不确定如何。

我试过了：

     $.ajax({
               url: baseUrl + "accounts",
               method: "GET",
               dataType: "json",
               contentType: "application/json; charset=utf-8",
               accept: "application/json",
                success: function (returnData) {
                var data = returnData.value;

               for (var i = 0; i < data.length; i++) {
               AccountDetails += "<option value='" + data[i].accountid + "'>" + data[i].name "</option>";
     }
            $(document).ready(function () {
            var AccountDetails = '<option selected="selected" value="0">- Select -</option>';

   $("#Accounts").html(AccountDetails);

                $(".nav > ul").show();
            },
            error: function (msg) {
                console.log(msg);
            }
        });
    }

Answer 1

你能试试这个吗 `var data = [ { 'name': 'A', 'age': '23' }, { 'name': 'B', 'age': '23' } ];

for (var i = 0; i