過濾器的div /錶行-Javascript/JQuery的

請參閱：mycellularcenter.com/phones 過濾器的div /錶行-Javascript/JQuery的

我希望複製在JavaScript/JQuery的這一功能，但我不熟悉不夠用語言甚至不知道要尋找什麼。

通過功能，我的意思是能夠選擇左列中的一個或多個項目，並使右列的內容顯示/隱藏以符合選定的複選框標準。

我可以使行/ div顯示/隱藏基於點擊其他列中的文本，但不知道如何連接/迭代？通過多種選擇。

建議/幫助表示讚賞。

來源

2011-03-31 John Corbin

這是通過一個Ajax請求

它抓住表單數據，通過Ajax請求發送給服務器，並在服務器處理的形式的數據，完成執行在它的搜索的數據庫和然後將json或xml返回給javascript，然後爲每個項目動態構建每行

來源

2011-03-31 18:19:14 Jase

看起來您需要做的是看到何時複選框已更改並重新加載內容（通過ajax，帶有xml/html/json）轉換爲div。 http://jsfiddle.net/mazzzzz/ABk4R/6/是JavaScript，我會用，和PHP會是這樣的：

的script.php

<?php 
$firstcheckboxChecked = $_POST['1']; 
if ($firstcheckboxChecked) 
    echo 'crap because first checkbox was checked'; 
?>

每個複選框被髮送到$ _ POST變量的PHP，所以複選框<input type="checkbox" value="te" />會用$_POST['te']訪問（其實是複選框被選中，否則爲false）。然後這個頁面生成的html被放入container div（替換那個div中的舊內容）。

來源

2011-03-31 18:40:56 Ben

你當然可以用AJAX做到這一點。另一種選擇是使用jQuery filter()函數。

來源

2011-03-31 18:45:25 Dutchie432

做它的服務器端是肯定更容易，但它不是必須的，特別是如果你不會用很複雜的過濾器

在這個jQuery插件

http://plugins.jquery.com/project/uiTableFilter

來源

2011-03-31 18:45:39 Andre