搜索表单 Jquery 或 Java Script [关闭]答案

【问题标题】：Search form Jquery or Java Script [closed]搜索表单 Jquery 或 Java Script [关闭]
【发布时间】：2012-12-18 02:34:44
【问题描述】：

我希望有人可以在我正在进行的项目中帮助我。我正在寻找一些关于如何在搜索表单上填充下拉菜单的想法。我正在使用在 PHP MySQL 上运行的 Word Press 平台作为后端数据库。例如，表格将有美国，然后是县，然后是城市；

例如，如果您选择宾夕法尼亚州，它将在下一个单元格中自动选择宾夕法尼亚州县。你选择一个县，然后它会对城市做同样的事情，所以第四个。您单击城市并点击“提交或搜索”的人，它将在您的网站中找到您为此目的选择的页面。如果您选择费城并点击搜索，则可以找到“费城”页面。

我在考虑 JavaScript 还是 JQuery？

感谢大家的帮助！

【问题讨论】：

听起来你在找cascading drop down box
我还没有真正尝试过任何东西，除了我刚才构建的一个简单表单作为示例供您查看。但它不是 SELECT 形式。

标签： php javascript jquery forms search

【解决方案1】：

您只需要一个 ajax 请求。试试这个模板，它不需要jQuery

Javascript

 function ajax_request(destination_url, parameters, output_id) {

        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById(output_id).innerHTML = xmlhttp.responseText;
            }
        }

        xmlhttp.open("POST", destination_url, false);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send(parameters);

    }

HTML

<select name="state" onselect="ajax_request(get_cities.php, this.value, city_list)" />
   <option value="1">Pensilvania</option>
   <option value="2">New York</option>
   <option value="3">Florida</option>
</select>

<select id="city_list" name="city" />
     &nbsp;
</select>

你现在需要的是写get_cities.php。在此文件中，根据您使用 ajax 发布的州名，从 MySQL 表中获取国家/地区列表。

【讨论】：

非常感谢，我不是一个精通技术的人，我希望有更多关于如何逐步使用这个的指导。当我尝试在我的小部件上使用 HTML 代码时，它运行良好，但我不知道如何以及在何处使用 Javascript 代码。感谢您的宝贵时间。
您需要花钱请人为您做这件事，或者改写您的问题。忘记wordpress刷新文章的部分，先搞清楚下拉。

【解决方案2】：

你可能想看看 JQuerys autocomplete。

将其附加到输入字段并定义一个函数来填充它。

【讨论】：

我还没有真正尝试过任何东西，除了我刚才构建的一个简单表单作为示例供您查看。但它不是 SELECT 形式。