jQuery提交表单onChange

时间:2011-06-25 20:26:37

标签: javascript jquery

我希望在更改输入时使用jQuery自动提交表单。

有问题的输入是日期选择器,我需要在有人做出选择后提交。

<form id="select_date" name="select_date" method="POST" action="about.php?date-yes">
<input type="text" id="widgetFieldInput">
<input name="select_date" type="submit" />
</form>

任何帮助都会很棒!

3 个答案:

答案 0 :(得分:19)

使用以下jQuery代码段:

$("#widgetFieldInput").change(function() {
     this.form.submit();
});

答案 1 :(得分:14)

$(document).ready(function(){
   $('#widgetFieldInput').change(function(){
       $('#select_date').click();
    });
});

答案 2 :(得分:3)

如果您使用datepicker from jquery-ui,则可以在选择日期后使用onSelect event解雇自定义代码:

$('you-date-input').datepicker({
   onSelect: function(dateText, inst) { 
      // form submit code
   }
});