Question

我有多个国家/地区选择下拉列表。如果更改了此选择下拉列表的事件，则会触发ajax表单提交。

  <select name='country[]' id='country' multiple='multiple'>
      <option value='1'>USA</option>
      <option value='2'>India</option>
      <option value='3'>Japan</option>
  </select>

我想在更改事件ajax表单提交时禁用，并在选择下拉列表的模糊事件上调用ajax提交。

如何使用Jquery做到这一点？

这是on change jquery代码

  $('#country').change(function() {
    //ajax form submit 
    $.post("form_save.php", $("#form").serialize());
  });

Answer 1

您可以使用“更改”事件

$('#country').change(function() {
  //Do your ajax stuff
});

Answer 2

您可以尝试遵循逻辑：

var hasCountryChanged = false; //declare global variable
$(document).ready(function(){

    $('#country').change(function() {
        hasCountryChanged = true; //set the flag as value has been changed
    });

    $( "#country" ).blur(function() {
        // do ajax call only if value is changed; otherwise don't
        if(hasCountryChanged){
            hasCountryChanged = false; //reset the flag
            //ajax form submit 
            $.post("form_save.php", $("#form").serialize());
        }
    });
});

禁用单击事件并使用Jquery在选择下拉列表的模糊事件上调用它

2 个答案: