JQuery生成下拉列表动态默认选择

Question

我正在构建一个DataTable，一切都呈现得非常好。

的其中一列，我需要呈现一个选择/下拉列表，并设置默认选择值。

我设法渲染

render: function (data) {  
//e.g. data.selectedvalue = 1 or 2 or 3

var select = $("<select class='target' id='empstatus'><option value ='1'>Open</option><option value ='2'>Close</option><option value ='3'>N/A</option></select>");
//tried to set value - but it is not setting default selection, always shows the first selection after it renders
select.val(data.selectedvalue).attr('selected', 'selected');

return select.prop("outerHTML");
}                              

这个列表呈现，我的问题是我如何设置动态选择值?

Answer 1

您需要设置适当选项的属性，而不是下拉菜单，以便它将包含在outerHTML.

render: function (data) {  
//e.g. data.selectedvalue = 1 or 2 or 3

var select = $("<select class='target' id='empstatus'><option value ='1'>Open</option><option value ='2'>Close</option><option value ='3'>N/A</option></select>");
select.find(`option[value=${data.selectedvalue}]`).attr('selected', 'selected');
return select.prop("outerHTML");
}