我在数据表中附加选定值选项时遇到问题。
这是我的 JavaScript 代码
var table = $('#tablesurvey').DataTable( {
"ajax": {
"url": '<?php echo site_url('data'); ?>',
"type": "POST"
},
"columns": [
{"data": "id_vote"},
{"data": "nama"},
{"data": "nik"},
{"data": "desa"},
{"data": "rt"},
{"data": "vote"}
],
"columnDefs": [ {
"targets": -1,
"render": function (data, type, row, meta){
return "<select class='pilihan form-control' id='pilihan'><option value='0'>--Pilihan--</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option</select>";
}
} ],
} );
Result before
Result what I want
如何为呈现的选择框设置初始选定选项?
最佳答案
您可以构建 <select>
以编程方式,即逐步添加 <option>
并与 data.vote
进行比较。或者为了方便起见,您可以使用更通用的基于 jQuery 的解决方案:
render: function (data, type, row, meta){
var $select = $("<select class='pilihan form-control' id='pilihan'><option value='0'>--Pilihan--</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select>");
$select.find('option[value="'+data.vote+'"]').attr('selected', 'selected');
return $select[0].outerHTML
}
关于javascript - 设置数据表中渲染选择的初始选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47110600/