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

Question

我有一个下拉菜单 "Names"。现在，我用员工的名字填充它。员工的名字是在运行时添加的数据。现在我想在下拉列表中将选项显示为“(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

如评论中所述，只需简单地连接您已经可以访问的字符串即可。

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

Answer 2

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

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

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

How to combine two fields to be displayed as options in a dropdown menu using jquery?

html

javascript

jquery

drop-down-menu