Question

我有一个表单，它根据使用AJAX调用的选择框中的选择来填充div元素。

填充的div的内容是我想要选择应用的多选框。不幸的是，似乎'chzn-select'没有触发，毫无疑问是由于它被动态拉入。

我添加了这个：

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

在AJAX引入的代码的底部，但它仍未触发。关于如何使这项工作符合要求的任何想法？

Answer 1

解决了自己。将发布以供将来参考。我把选择的调用放在我调用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();

Answer 2

而不是使用selected（），尝试使用change（）方法。它适用于变更事件。尝试：

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

        })
        .trigger('change');

选择不处理来自AJAX调用的元素

2 个答案: