1

最初の選択に基づいて、2 番目のドロップダウン ボックスにデータを入力しようとしています。調査を行ったところ、提供された提案/解決策のほとんどにドロップダウン値が事前に読み込まれていることがわかりました。

データベースにアクセスして値を取得しようとしています。私は Javascript でこれをやってのけることができましたが、データベースに多くの項目があるため、Jquery ソリューションが効果的であることがわかりました。

だからここに私がこれまで持っているものがあります。MySQL クエリを使用してデータベースからデータを取得し、自動入力する方法について何か提案はありますか?

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".countryDropDown").change(function() {
        var country = $(this).val();
        function fillStateDropDown(countryStateOption) {
            $.each(countryStateOption, function(val, text) {
                $('.stateDropDown').append(
                $('<option></option>').val(val).html(text));
            });
        }
        function clearStateDropDown() {
            $('.stateDropDown option:gt(0)').remove();
        }
        if (country == 'INDIA') {
            clearStateDropDown();
            var indiaStateOption = {
                RAJASTHAN: 'Rajasthan',
                GUJRAT: 'Gujrat',
                MAHARASTRA: 'Maharastra'
            };
            fillStateDropDown(indiaStateOption);
        }
        else if (country == 'UK') {
            clearStateDropDown();
            var ukStateOption = {
                LONDON: 'London',
                LIVERPOOL: 'Liverpool',
                DERBY: 'Derby'
            };
            fillStateDropDown(ukStateOption);
        }
        else if (country == 'USA') {
            clearStateDropDown();
            var usaStateOption = {
                CALIFORNIA: 'California',
                TEXAS: 'Texas',
                NEWYORK: 'New York'
            };
            fillStateDropDown(usaStateOption);
        }
        var stateOptions = {
            val1: 'text1',
            val2: 'text2'
        };
    });
});​
</script>
4

1 に答える 1

0

私は今、あなたがここで言及している正確な機能を実装するプロジェクトに取り組んでいます。私の実装は少し長いので、プロジェクトのすべてのデータベース部分を処理するPHPに値を渡すにはAJAXとJSONが必要であることを説明します。

MVCアーキテクチャを考えてください。ビューは、HTML / Javascriptを含む.htmlファイルが、JQuery / AJAX/JSONを含む.jsファイルと一緒に機能するようになります。

.jsファイルから、AJAXを使用してコントローラー(別名.phpファイル)を呼び出します。これには、PHP関数のみが含まれている必要があります。これらは、指定されたすべての受信データを処理します。この場合、ドロップダウンメニューのIDと、ドロップダウンから選択されたVALUEは、JQueryを使用して取得します。

コントローラファイルから、モデル内の関数を呼び出します。これは、必要に応じてSQLクエリを処理する関数を含む別の.phpファイルです。

多くのように聞こえますが、MVCスタイルのコーディングに慣れていない場合もありますが、実装は難しくありません。AJAX/ JSON/JQueryが想定どおりに動作していることを確認する必要があります。そうすれば、PHPが残りを処理する必要があります。

ありがたいことに、「MVCでJQueryMobileを使用する」と呼ばれるものについてはたくさんあります。http://jquerymobile.com/resources/にアクセスして、これらのプロジェクトを読んでください。

幸運を!

于 2012-06-07T21:42:27.783 に答える