在jQuery中手动更改表单

Question

我试图用jQuery 1.7.2手动触发我的表单的change()函数，但它不起作用。这是我的代码：

$(document).ready(function(){ 

    console.log('going to change form'); 

    $('form[name="newBom"] input').trigger('change'); 

    $('form[name="newBom"] input').change(function() { 
      console.log('form changed'); 
    }); 
}); 

我在做什么错？

Answer 1

即使在您的输入绑定了change处理程序之前，您仍然无法获得预期的功能，因为您正在触发change。您可以通过触发change事件后纠正这种结合的change处理程序：

// bind the handler 
$('form[name="newBom"] input').change(function() { 
    console.log('form changed'); 
}); 

// now, trigger the change event 
$('form[name="newBom"] input').trigger('change'); 

Answer 2

$(document).ready(function(){ 

    console.log('going to change form'); 

    //Attach event handler first 
    $('form[name="newBom"] input').change(function() { 
      console.log('form changed'); 
    }); // missing); 

    //Trigger event 
    $('form[name="newBom"] input').trigger('change'); 


}); //missing); 

**工作实例：** http://jsfiddle.net/RG5gn/