多下拉选择搜索表单(jQuery,php,mysql)

时间:2012-11-27 19:50:35

标签: jquery mysql ajax

可以请任何人帮助我,因为我有点卡住......

我正在开发一个搜索表单(php,MySql),它有多个下拉选择菜单(10),必须在运行时从MySql中填充(如在汽车销售网站上,当您选择制造商时,第二个下拉列表获取填充等...)。如何在不刷新的情况下使用PHP,MySql,jQuery或AJAX执行此操作?

严重的是,当我选择每个下拉值而不刷新时,如何在此搜索页面的底部显示结果。例如,当用户进入搜索页面时,他会看到底部的所有产品,当他通过下拉选择菜单缩小搜索条件时,结果会更加具体。

感谢您的回复,我希望您理解我的问题。 BR, 柏彦

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分: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发送