-1

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

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

我在想 JavaScript 还是 JQuery?

谢谢大家的帮助!

4

2 回答 2

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

于 2012-12-18T02:45:51.613 回答
0

您可能想查看 JQuerys autocomplete

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

于 2012-12-18T02:38:46.393 回答