Question

我正在制作一个包含4个输入字段，2个日期选择器和3个选择字段的表单。我想在表单中的每个字段上添加onkeyup事件。当用户填写超过2个字段时，结果在ajax的帮助下以div命名结果显示。我的意思是，当我改变任何字段数据时，将使用ajax在div中填充。

$('#form input,select').keyup(function() {
    if ($('#from').val() !== '' && $('#to').val() !== '' && $('#depa').val() !== '' && $('#arr').val() !== '') {
           $.get('ajaxSearch.php', $("#form").serialize(), function(data) { $('#result').html(data); });
    } else {

    }
});

我尝试了一些带有ajax但不是全部的现场帖子，如果我再次改变它又不起作用

Answer 1

试试这个变化

$('#form input,select').keyup(function() {

到

 $('form').change(function() {

确保您使用 jquery 1.4或更高版本

Answer 2

只需在代码下方复制粘贴... 它可能会解决您的问题。

$('#form input,select').keyup(function() {
    var count=0;
    $("input").each(function(){
        if($(this).val()!="") {
            count++;
        }
        if(count>1) {
            $.get('ajaxSearch.php', $("#form").serialize(), function(data) { $('#result').html(data); });
        }
        else{
            $("#result").hide();
        }
    });
});

Answer 3

您可以使用＆＃39;＆＃39;改变＆＃39;。

$("#form").on("change", ":input", function(){alert('changed some element');});

每个表单字段上的Onkeyup

3 个答案: