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

Question

I am novice in HTML, javaScript or jQuery, I am basically an Oracle DBA and Developer. I need to know how to populate select list with jquery. I have created a string from database query which is as mentioned below. Now I want this to be populated in a select list. For example I have the string like:

<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>

and I like to populate the select list item called '#SELECT_LIST' with the data above. How can I do that? Now I want the selct item to be populated with the string.

Please respond, your answer will help me out.

Thanks.

Answer 1

Using Array.prototype.forEach() and let

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)); 
});

Answer 2

You can use jquery to do it:

$(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>');
    }

});

Answer 3

$("#my-select").val("7839");

Maybe you can look at this. http://learn.jquery.com/using-jquery-core/