javascript - 如何使用jquery组合两个字段以在下拉菜单中显示为选项？

Question

我有一个下拉菜单“名称”。现在，我用员工的名字填充它。员工的名字是在运行时添加的数据。现在我想将下拉列表中的选项显示为“(firstName) (lastName)” 有没有办法使用jquery 来做到这一点。我能够从数据库中检索名字和姓氏。

下拉列表的当前 Jquery 代码:

$('.employeeName').prepend("<option value=''></option>").val('');
for(i=0;i<data.length;i++){
if(data[i].firstName)
$('.employeeName').append('<option>' + data[i].firstName  + '</option>');
}

Answer 1

如果您正在寻找更高的效率和最佳实践，请尝试一下，

var html = "<option value=''></option>";

for(i=0;i<data.length;i++){
  if(data[i].firstName) {
    html += '<option>' + data[i].firstName  +  ' ' +  data[i].lastName + '</option>';
  }
}

$('.employeeName').append(html);