0

現在、私は Bootstrap Metronic テーマを使用しており、その中で Select2 Choice を使用しています。これは、入力タイプのテキストが「非表示」として使用されている場合に機能します。その構文は

<input type="hidden" name="checks" class="input_tag form-control select2" value="" >

$(".input_tag").select2({
    tags: []
});

しかし、入力タイプのテキストが jquery によって動的に来る場合、新しい行機能を追加すると、非表示のタイプのテキスト ボックスを select2 の選択肢に変換できません。

4

1 に答える 1

0

$(".input_tag").select2()動的コンテンツを作成した後、その入力の関数を呼び出す必要があります。デフォルトでは、JQuery はプラグインを追加するために新しく作成されたコンテンツを検出しません。これは手動で行う必要があります。

次に例を示します。

HTML

<div id="test"></div>

JS

var myHTML = '<input type="hidden" name="checks" class="input_tag form-control select2" value="" >';

//I add the input dynamically
$("#test").html(myHTML).promise().done(
  function(){
    //I assign the select2 plugin AFTER dynamic content is added
    $(".input_tag").select2({
        tags: []
    });
  }
);

https://jsfiddle.net/p8zkhwmp/1/

于 2016-02-11T14:07:14.927 に答える