2012-03-21 69 views
0

首先,我需要說我是jQuery的新手。PHP jQuery更新輸入表值變化時的表格行

當我選擇菜單的一個選項時,一個PHP文件被加載到一個div中,使用jQuery的方法加載。在這個PHP文件中,我有一個表格和一個輸入文本。當PHP文件被加載時,它捕獲數據庫的值。

問題apears,我需要爲數據庫的值創建一個搜索方法。

我需要的是,當用戶在php文檔的輸入中寫入時,表格會加載與輸入值匹配的值。

加載PHP文件中的代碼是下一個:

$("#searchuser").click(function() { 
       $(".info").load("usuerlist.php",function(){ 
        $("#search").keyup(function(){ 
         alert($('#search').val()); 

        }); 
       }); 
      }); 

名稱搜索輸入的名稱。 PHP文件的代碼是下一個:

<?php 
require_once "aplicacio/loaddata.php"; 
include_once 'classe/gestorclass.php'; 

$var = new loaddata(); 
$var1 = $var->selectAllGestor(); 
$var2 = $var->selectAllUser(); 

?> 
<div class="informacio"> 

Usuari<input type="text" name="cerca" id="cerca"> 
    <table class="infoTable"> 
    <tr class="titol"><td>User Name</td></tr> 
    <?php 
     for($i = 0; $i<sizeof($var1); $i++){ 
      if($i % 2){ 
       $res = '1'; 
      }else{ 
       $res= '2'; 
      } 
      echo '<tr class="linia'.$res.'"><td>'.$var1[$i]->getUsuari().'</td></tr>'; 

     } 
     ?> 

</table> 


</div> 
+0

我不明白。您是否嘗試加載一個php文件,該文件傳遞來自您輸入字段的變量,用於返回需要插入到原始頁面的數據? – James 2012-03-21 21:25:42

+0

當我選擇菜單中的選項時,php文件將加載到div中。當php文件加載時它捕捉數據庫的值並寫入表中。後來,我希望當我修改輸入的值時,表的值被更新。例如,如果我寫'a',只會出現名稱中有'a'的值用戶。 – 2012-03-21 21:32:48

+0

我明白了,所以你並沒有試圖改變這些值,只是隱藏任何不匹配的東西?過濾結果? – James 2012-03-21 21:49:23

回答

0

我找到了解決方案。 我創建genereates桌上的文件,當我把信息輸入到輸入我把這個文件與下面的代碼:

$("#searchuser").click(function() { 

$(".info").load("usuarislist.php",function(){ 
        $("#cerca").keyup(function(){ 
         var valor = $('#cerca').val(); 
         $("#tableUser").load("aplicacio/tableGenerator.php?origen=tableUser&valor="+valor); 
+0

我打算推薦一些類似的東西,只需使用'.ajax'而不是'.load'。 – James 2012-03-22 18:21:58