javascript - 使用附加函数js无法读取选择标签上的类属性

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

我创建了一个动态表，通过单击按钮，每次按下按钮时都会生成一个新行。一切都按预期工作，但选择标记或任何其他输入中的类属性无法正常工作。我如何让它发挥作用。有什么想法吗？？

以下是 .js 代码，可以在单击按钮时添加新行:

        $('.plusbtn12').click(function () {
            $(".quoteTable12").append('<tr><td><select class="js-select2 form-control c_solutions" name="i_solution[]" style="width: 100%;" data-placeholder="Choose one.."></select></td><td class="hidden-xs"><input class="form-control" type="text" name="i_quantity[]" placeholder="Quantity"></td><td><input class="form-control c_costing" type="text" name="i_cost[]" placeholder="Cost"></td></tr>');

            var options = "";

            $.getJSON("getSolution12.php", function (data) {

                for (i = 0; i < data.length; i++) {
                    options += "<option>" + data[i] + "</option>";
                }

                $('.quoteTable12 tr:last').find('.c_solutions').html("");
                $('.quoteTable12 tr:last').find('.c_solutions').append(options);
                $(".c_solutions").change();

            });
        });

Answer 1

由于您要动态添加选择，因此您需要了解 delegated events

Description: Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.

选择你选择这样的类(class)

$( document ).on( "click", ".js-select2", function() {
  console.log( "hey" );
});