2012-11-27 33 views
-2

任何人可以幫我,因爲我有點卡住了...多下拉菜單中選擇搜索表單(jQuery的,PHP和MySQL)

我正在一個搜索表單(PHP和MySQL)有多個下拉選擇菜單(10),這些菜單必須在MySql上快速填充(如在汽車銷售網站上,選擇製造商時,第二個下拉列表被填充等)。我如何使用PHP,MySql,jQuery或AJAX而不刷新?重要的是,當我在不刷新的情況下選擇每個下拉值時,如何在此搜索頁面的底部顯示結果。例如,當用戶訪問搜索頁面時,他會看到底部的所有產品,當他通過下拉選擇菜單縮小搜索條件時,結果會變得更具體。

感謝您的回覆,我希望您能理解我的問題。 BR, 博雅

+0

Hi @Boyan,歡迎來到Stack Overflow。你到目前爲止嘗試過哪些類型的東西? – Hannele

+0

嗨@Hannele,我當前正在研究如何爲自動填充下拉列表構建數據庫......到目前爲止,我發現了這兩個:[link] http://buffernow.com/2012/08/cascading-dropdown-ajax/ [鏈接] http://www.script-tutorials.com/creating-ajaxy-chained-selects-with-jquery/ – Boyan

回答

1

首先,歡迎來到社區!你真的必須發佈你的代碼給我們來幫助你。沒有人會根據場景爲您編寫所有代碼。

你幾乎回答了你如何去做的問題。使用下拉值設置數據庫,使用對PHP函數/文件的AJAX請求來加載數據庫中的值,並將它們返回給您的ajax調用,然後將這些值插入相應的字段。

這裏有一些鏈接,讓你開始:

http://www.w3schools.com/php/php_ajax_database.asp
http://www.tizag.com/ajaxTutorial/ajax-mysql-database.php
http://api.jquery.com/jQuery.ajax/

+0

感謝您的回覆,我正在看這個教程,我認爲這將是有用的http: //www.w3schools.com/php/php_ajax_database.asp – Boyan

0

第一關我會建議自動顯示「特色項目」或者「大衆汽車」或有一組即自動顯示。 - 你不想自動顯示每一個結果 - 這是太多,並會根據你什麼變得緩慢db

然後讓你的第一個選擇自動填充,你可以有一個事件觸發,當用戶從這樣

$('.myFirstDropdown').change(function() { 
    // put ajax here to load second dropdown 
    var firstValue = $(this).val(); // this is the value to pass through ajax 
}); 

下拉,你可以爲每個下拉做到這一點,那麼我會建議的搜索 - 這個按鈕將做一個ajax刷新按鈕,並顯示正確的結果,而不是功能。在這個按鈕的click()事件中,您將獲得每個選擇的值,只需$(.myFirstDropdown').val(),$('.mySecondDropdown').val()等。通過ajax發送

+0

嗨,斯科特,你能給我一個例子如何做到這一點,因爲我是jquery,ajax等的新手...... 工作代碼你寫的樣子是? Thx爲您提供幫助 – Boyan