javascript - 如何在 JavaScript/jQuery 中创建一个动态的 SELECT 下拉列表？

Question

我想在组合框中显示部门表中的所有部门名称。我有一个函数可以获取所有部门名称。如何使用 javaScript 或 jQuery 在运行时动态创建组合框。

HTML 代码

     <select id="searchDepartments">
     </select> <input type="button" value="Search" onClick="search();" />

JavaScript 函数

function getDepartments(){
EmployeeManagement.getDeptList(function(deptList/*contains n-(dept.id, dept.name)*/{
    for(i = 0; i<deptList.length; i++){

我怎样才能编写生成(添加)选项到列表的代码？

Answer 1

该过程是为列表中的每个项目创建一个 option 节点，并将其添加为 select 元素的子元素。

在普通的 javascript 中:

var sel = document.getElementById('searchDepartments');
var opt = null;

for(i = 0; i<deptList.length; i++) { 

    opt = document.createElement('option');
    opt.value = deptList[i].id;
    opt.innerHTML = deptList[i].name;
    sel.appendChild(opt);
}