-1

私が取り組んでいるプロジェクトで誰かが私を助けてくれることを望んでいました。検索フォームにドロップダウンを設定する方法についていくつかのアイデアを探しています。バックエンド データベースとして PHP MySQL で実行される Word Press プラットフォームを使用しています。たとえば、フォームには米国の州、郡、都市が続きます。

たとえば、ペンシルバニアを選択すると、次のセルでペンシルバニアの郡が自動的に選択されます。郡を選択すると、都市に対して同じことが行われ、4 番目になります。都市をクリックして「送信または検索」をクリックすると、その目的で選択したWebサイト内のページが見つかります。フィラデルフィアを選択して検索をヒットした場合の例は、「フィラデルフィア」ページを見つけることです。

私は 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 に答える