javascript - 追加输入类型属性在 jquery 中不起作用

Question

我有表结构动态添加行选项。当我单击添加时，它会生成一个新行，但问题是 $("[name*=vehicle_type]").change(function () 它不适用于追加输入字段

仅适用于此

<select name="vehicle_type[]" class="form-control company" id="company" required>
              <option value="type">Type</option>
</select>

但不适用于此

$('#dynamic_field').append('<tr id="row'+i+'"><td><select name="vehicle_type[]" class="form-control company" id="company" style="width: 140px;" required><option value=""> Type</option>'+val_all_types+'</select></td></tr>');  
  });  

这是jquery代码

$("[name*=vehicle_type]").change(function () {
      //  alert('ok');
        var $type = $(this); 
        var $row = $type.closest("tr"); 
        var $cat = $("[name*=vehicle_category]", $row); 
        var $subcat = $("[name*=vehicle_sub_category]", $row);
        $.ajax({
            url: 'getCat',
            type: "get",
            data: { type: $type.val() },
            success: function(data) {
                $cat.empty();
                $subcat.empty();
                $.each(data, function (i, d) {
                    $cat.append($('<option>', {
                        value: d.id,
                        text : d.V_Category
                    }));
                });
            }
        });    
    });

Answer 1

您需要更换$("[name*=vehicle_type]").change(function () {到$(document).on("change", "[name*=vehicle_type]", function() {