2014-03-13 13 views
-2

我正在製作一個包含4個輸入域,2個日期選擇域和3個選擇域的窗體。我想在表單中的每個字段上添加onkeyup事件。當用戶填寫2個以上的字段時,結果在ajax的幫助下開始在div命名結果中顯示。我的意思是,當我更改任何字段數據將生活在與阿賈克斯div。Onkeyup在每個表單域

$('#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 { 

    } 
}); 

我試過,但一些後場與阿賈克斯,但並非全部,如果我再次更改它不會再次

+0

我只是問了一個問題,爲什麼消極一點,就是它的代碼比其他人有寫代碼不同的風格 –

回答

0

工作試試這個 變化

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

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

確保您使用的是jquery 1.4或更高版本

+0

變化不工作 –

+0

可否請您嘗試$(「#形式」)的格式。變化(函數(){ – BKM

-1

您可以使用'on'和'change'。

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

只要複製粘貼下面的代碼... 它可能會解決您的問題。

$('#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(); 
     } 
    }); 
}); 
+0

不工作只發布前兩個輸入字段值,但不要發佈其他 –

+0

實際上,我有很多字段,當我再次更改任何字段值時,你的代碼不工作,你的代碼只運行一次 –