2016-12-09 3 views
-1

私の考えは、text1に入力を取得してDatatablesで検索するためにbutton1をクリックしたときです。Datatables:特定のボタンがクリックされたときに特定の文字列を検索する

私は助けが必要です、理解を希望します。

Sample Button Layout

私のコードは、このですが、私は結果を得るいけません。私は他の方法を得たが、私はページを更新したくない:

<script src="js/ie/jquery.placeholder.js"></script> 
<script> 
    $(function() { 
    $('input, textarea').placeholder(); 
    }); 
</script> 

とこのようにそれを呼び出すために:私は右のあなたは値がであるものを検索しようとしている思考にいる場合

<p class="btn btn-primary" id="myInput" onclick="updateInput('button1')">button1</p> 
+0

ですか? – philantrovert

+1

解決方法を尋ねる前にまず質問をする方法を知っておく必要があります。疑問が十分にわからない場合、私たちはあなたに手を貸すことはできません – noobHere

+0

検索ボックスにテキストは何ですか?ボタンをクリックすると、検索ボックスの.val()が取得され、datatablesクエリが実行されます。 – Birdy

答えて

0

var oTable = $("#myTable").DataTable(); 

$("button1").on('click', function(event){ 
    var searchText = "button1"; //Specific text that you want to search 
    oTable.search(searchText).draw(); 
} 

はここにあなたのDataTableの実装があるfiddle

+0

おかげで、私はこれを試してみました"#example")。DataTable(); ( 'クリック'、機能(イベント)の $( "ボタン1")。{ VAR検索テキスト= $(この).val(); oTable.search(検索テキスト).draw();} ' – Andrew11

+0

ボタンには「val」がありません。私は答えを更新します。 – philantrovert

+0

私はそれを行う方法を見つけましたが、ドロップダウンフィルターはうまく動作しませんでした。 #function '$("#acctypqee ").on( 'click'、function(){ table.column(0) .search(this.id) .draw(); });' – Andrew11

0

テキストエリアでは、私の下の例はあなたに行くでしょう..

警告の言葉...読者の方々とあなたからのより多くの助けがあります。達成しようとしている。

jQueryをOPでタグ付けして使用している場合は、

ここで、ボタンをクリックすると、jQueryは入力フィールドの.val()を取得します。あなたは、ボタンのクリックでデータテーブルを検索したい、これはあなたのために働くべきであるという事実を除き、あなたの質問にほぼゼロの情報を提供しておりますので

$("#YourButtonIdHere").click(function(){ 

    // This will get the value of the search input text box 
    var inputText = $("#myInput").val(); 

    // Now you can do what you wish, Perform an ajax query? 
    // More help from you on what you want to do with the value 
    // from the text box once the button has been clicked 
    // will give me a better chance of helping you! 
}); 
+0

ありがとうございますが、私はそれを行うことができません。私が望むのは、button1をクリックしたときに、データテーブル内で検索を行うことだけです。検索ボックスに手作業で入力するのと同じように:button1。申し訳ありませんが、あなたが理解できることを願います( '<ボタンクラス= "BTN MB-XS W-XS BTN-情報" ID = "ボタン1">ボタン1