如何使用 jquery 填充选择列表？

Question

我是 HTML、javaScript 或 jQuery 的新手，我基本上是 Oracle DBA 和开发人员。我需要知道如何使用 jquery 填充选择列表。我已经从数据库查询创建了一个字符串，如下所述。现在我希望将其填充到选择列表中。例如我有这样的字符串：

 <select id="my-select" name="emplist">
<option value="7839">KING</option>
<option value="7782">CLARK</option>
<option value="7934">MILLER</option>
<option value="21">MAMUN</option></select>

我喜欢用上面的数据填充名为“#SELECT_LIST”的选择列表项。我怎样才能做到这一点？现在我希望用字符串填充 selct 项。

请回复，你的回答会帮助我。

谢谢。

原文由 Hasan Al Mamun 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以使用 jquery 来做到这一点：

 $(document).ready(function(){

//init data
var arrayList = [
        {"Id": 100, "Name": "Abc"},
        {"Id": 200, "Name": "XYZ"}
        ];

for (var i = 0; i <= arrayList.length; i++) {
        $('#SELECT_LIST').append('<option value="' + arrayList[i].Id + '">' + arrayList[i].Name + '</option>');
    }

});

原文由 Tomato32 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 Array.prototype.forEach() 并让

let data = [{"code":1, "name": "A"},
{"code":2, "name": "B"},
{"code":3, "name": "C"},
{"code":4, "name": "D"}];

data.forEach(function(e, i){
   $('#select-id').append($('<option></option>').val(e.code).text(e.name));
});

原文由 Ronaldo Geldres 发布，翻译遵循 CC BY-SA 4.0 许可协议