1

AJAX呼び出しを使用して、選択ボックスからの選択に基づいてdiv要素を設定するフォームがあります。

入力されたdivのコンテンツは、Chosenに適用する複数選択ボックスです。残念ながら、これが動的に引き込まれているため、「chzn-select」が起動していないようです。

私はこれを追加しました：

    <script type="text/javascript">
    $(".chzn-select").chosen();
    </script>

AJAXによってプルされたコードの最後にありますが、まだ起動していません。これを希望どおりに機能させる方法についてのアイデアはありますか？

4

2 に答える 2

6

自分で解決しました。今後の参考のために投稿します。選択した呼び出しを、AJAXを呼び出す元のページの独自の関数に配置しました。

    <script type="text/javascript">
    function doChosen() {
        $(".chzn-select").chosen();
        $(".chzn-select-deselect").chosen({allow_single_deselect:true});
    }
    </script>

そして、AJAXスクリプト自体で、responseText部分の後に関数の呼び出しを追加しました。

    document.getElementById(div).innerHTML=oXmlHttp.responseText
    doChosen();
于 2012-12-06T15:49:17.737 に答える
0

selected（）を使用する代わりに、change（）メソッドを試してください。変更イベントで動作します。試す：

$(".chzn-select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                // do your coding here
              });

        })
        .trigger('change');
于 2012-12-06T15:34:21.327 に答える