2017-04-06 7 views
1

DropDownリストの値をjqueryのDataTableに動的に転送する方法がわかりません。一度転送された値がDropDownリストに表示されなくなった場合でも表示されているデータテーブルから削除します。ドロップダウンリストには、データベーステーブルのユーザーが入力され、各ユーザーにはそれぞれ独自のIDが割り当てられます。私はリストの値がビューに表示されないようにする必要があります、バックエンドは大丈夫です、私はそれがjavascriptで行うことができると思っていたが、私はどのようにわからない。 どのようにコードを作成するのかについて少しは考えていないので、コードはありません。ドロップダウンリストからDataTableに値を動的に転送する方法は?

+0

何か試してみるべきコードはありますか? – Komal

+0

あなたが望むものを理解できません。あなたのDropDownにはDataTableが付属しているのですか、それともDataTableの外にありますか? DropDownから1つの値を選択し、DataTableのどのフィールドを変更するか(テキストボックスかどうか)を選択したとします。 –

+0

いいえドロップダウンはデータテーブルにありません。ドロップダウンには値のリストがあり、それを選択してボタンをクリックすると、データテーブルに転送します。そして私はそれを一列に移して欲しい。私はドロップダウンリストの人の名前を選択し、datatable行に名前を転送するが、私はそれのためのjavascriptでコードを作る方法については考えがありません。 –

答えて

1

私はあなたの質問を正しく理解すればかなり簡単です。

ドロップダウンから変更後の値を表示するクラスを列に追加します。たとえば、ドロップダウン変更イベントで

//my rest code for DataTable 
"columns": [ 
      { 
      "render": function (data, type, row) { 
       return "<input type='text' class='myDropDownValue'>"; 
       } 
      }, 
      //Rest columns 

はちょうど、怒鳴るように、このクラスにそれだ

$('#myDropDown').change(function(){ 
    var myValue = $(this).val(); 
    //here we can render this value to data table row 
    $('.myDropDownValue').html(''); 
    $('.myDropDownValue').val(myValue); 
}) 

を値を描画!

+1

それは私のためのトリックでした!ありがとうございました:) –

+0

それはあなたを助けて嬉しい:) –

関連する問題