Question

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

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

我在想JavaScript或JQuery？

谢谢你们的帮助！

Answer 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表中获取国家/地区列表。

Answer 2

您可能希望查看JQuerys autocomplete。

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

搜索表单Jquery或Javascript

2 个答案: