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 = [{＆＃39; name＆＃39;：＆＃39; A＆＃39;，＆＃39; age＆＃39;：＆＃39; 23＆＃39; }，{＆＃39;名称＆＃39;：＆＃39; B＆＃39;，＆＃39;年龄＆＃39;：＆＃39; 23＆＃39; }];

for（var i = 0; i＆lt; data.length; i ++）{ $（＆＃34;＃Accounts＆＃34;）。追加（$（＆＃34;＆＃34;）。attr（＆＃34;选择＆＃34;，＆＃34;选择＆＃34;）。text（＆＃34; name＆＃34; + data [i] .name +＆＃34; age＆＃34; + data [i] .age））;`

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

1 个答案: