Javascript 忽略 <select> 标记的更改

Question

我有一个 javascript，除非原始表单数据已更改，否则禁用提交按钮，我希望脚本忽略 <select> 的更改标签。请帮助我实现这一目标。

代码:

$(function(){

    $('form')
        .each(function(){
            $(this).data('serialized', $(this).serialize())
        })
        .on('change input', function(){
            $(this)             
                .find('input:submit, button:submit')
                    .attr('disabled', $(this).serialize() == $(this).data('serialized'))
            ;
         })
        .find('input:submit, button:submit')
            .attr('disabled', true)
    ;

});

谢谢

Answer 1

您可以检查该事件是否由 select 元素触发。如果是，则阻止进一步执行代码。

.on('change input', function(event) {
  if (event.target.nodeName !== 'SELECT') {
    $(this)             
      .find('input:submit, button:submit')
      .attr('disabled', $(this).serialize() == $(this).data('serialized'));
  }
})