Question

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

下拉列表的当前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);

Answer 2

正如评论中所提到的，只需简单地连接您已有权访问的字符串。

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

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

2 个答案: