ボタンなしで表示するテーブルを選択したり、ページを更新したりするドロップダウンメニューで一度に1つのテーブルしか表示せずに、1ページに2つ以上のテーブルを表示するにはどうすればよいですか?誰かアイデアがありますか?少なくともajax / jsを使用する必要があります。テーブルにdatatablesプラグインを使用しています。これがフィドルです
<select>
<option value='table1'>table1</option>
<option value='table2'>table2</option>
</select>
jqueryのhide / showメソッドを使用して同じことを行うことができます。
フィドルを見てください
以下のコードは、テーブルの表示/非表示を処理します
$(function() {
$('#table1').wrap('<div id="hidetable1" class="hide" style="display:none"/>');
$('#table2').wrap('<div id="hidetable2" class="hide" style="display:none"/>');
$('#table3').wrap('<div id="hidetable3" class="hide" style="display:none"/>');
$('#table1').DataTable( {
"searching": true
} );
$('#table2').DataTable( {
"searching": true
} );
$('#table3').DataTable( {
"searching": true
} );
console.log($("#drop"))
$("#hide"+ $("#drop")[0].value).show();
$("#drop").change(function () {
var end = this.value;
$('.hide').hide();
$("#hide"+end).show();
});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加