在DataTables中为渲染选择设置初始选定选项 [英] Set the initial selected option for rendered select in 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屋！