QA@IT

DataTablesのsearchボックスにセレクトボックスの値をいれたい

463 PV

DataTablesのsearchボックスにセレクトボックスonchangeでの値をいれるには、どのようにすればできるでしょうか?

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="./media/css/datatables.min.css">
  <script src="./media/js/datatables.min.js"></script>

<script>
  //datatables
  $(document).ready(function () {
      **dmtable** = $('#list_body').dataTable({
          "lengthMenu": [[10, 20, 30, -1], [10, 20, 30, "ALL"]],
          "order":[[0,'asc']]
      });
      ele.style.display = "none";
      document.getElementById("doc").style.visibility = "visible";

  });
</script>
**<script>
function ChangeSelect(obj){
  var v=obj.options[obj.selectedIndex].value;
  dmtable.search(v).draw();
}
</script>
**</head>
<body>
<div id="doc">
   <!-- セレクトボックス-->
   <form>
   **<select name="keyword_list" id="keyword_list" onchange="ChangeSelect(this)">**
   <option value="">絞り込み</option>
   <option value="A">A</option>
   <option value="B">B</option>
   </select>
   </form>
<!-- 以下テーブル-->
<table id="list_body" class="display table table-bordered" border="1" cellspacing="0">


</table>

</div>

</body>
</html>コード
ウォッチ

この質問への回答やコメントをメールでお知らせします。