如何在jQuery中动态填充下拉列表?
我从数据库中获取员工id并显示它。现在,我需要在单击如何在jQuery中动态填充下拉列表?,jquery,Jquery,我从数据库中获取员工id并显示它。现在,我需要在单击addRow()后动态填充表中的下拉列表值,但它不会在下拉列表中显示任何值。怎么了?请帮我完成这个 添加行 函数addRow(){ var期权=“”; var数据=; $。每个(数据、功能(i、项){ 选项+=''+item.id+''; }); $('emp_id')。附加(选项); $(“#dataTable”).append(“问题是因为您试图将选项元素添加到尚未在DOM中创建的选择元素中。要解决此问题,请先创建选择,然后将选项元素添
addRow()
后动态填充表中的下拉列表值,但它不会在下拉列表中显示任何值。怎么了?请帮我完成这个
添加行
函数addRow(){
var期权=“”;
var数据=;
$。每个(数据、功能(i、项){
选项+=''+item.id+'';
});
$('emp_id')。附加(选项);
$(“#dataTable”).append(“问题是因为您试图将选项
元素添加到尚未在DOM中创建的选择
元素中。要解决此问题,请先创建选择
,然后将选项
元素添加到该元素中
还请注意,最好为新的select
分配类,而不是id
,以避免重复。您还可以使用映射()
使创建选项的逻辑更加简洁,如下所示:
函数addRow(){
var data=[{id:'foo'},{id:'bar'}];//;
var options=data.map(函数(el){
返回`${el.id}`;
});
var$tr=$('').appendTo('#dataTable');
$('').html(选项).appendTo($tr.find('td');
}
添加行
php数据变量显示员工id,控制台中没有错误。因为没有用的减号投票,人们没有给出stackoverflow的答案!!@Bhumisah对你的答案的否决票是应得的。它根本没有解决问题,只是引入了语法错误。@Rorymcrossanp:这不是为了downv注意!!人们可以通过评论将其更改为评论!!这样人们就忽略了stackoverflow来提供帮助!!我在提供帮助,而我的免费工作受到了负面影响!!太好了,这正是反对票所支持的。你的“免费工作”给OP提供了不好的指导,可能会浪费他们的时间,从而产生了负面影响。如果还有两个专栏,你怎么能在此步骤后,我在表中追加。您只需将这些内容添加到创建tr td
元素的行中。在此选择选项中,我如何像这样追加默认值--select---。添加此行:options='--select---+options;