在DataTables中为渲染选择设置初始选定选项 [英] Set the initial selected option for rendered select in DataTables
本文介绍了在DataTables中为渲染选择设置初始选定选项的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在DataTable中附加选定的值选项时遇到问题。
I have a problem to append a selected value option in a DataTable.
这是我的JavaScript代码
Here is my JavaScript code
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
如何为渲染的选择框设置初始选择选项?
How do I set the initial selected option for the rendered select box?
推荐答案
您可以通过编程方式构建< select>
,即逐步添加 < option>
并与 data.vote
进行比较。或者您可以使用更通用的基于jQuery的解决方案:
You could build the <select>
programmatically, i.e step by step adding <option>
's and compare with data.vote
. Or you could use a more generic jQuery based solution for convenience :
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
}
这篇关于在DataTables中为渲染选择设置初始选定选项的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文