1

我正在尝试根据第一个下拉框的选择填充第二个下拉框。我进行了研究，发现提供的大多数建议/解决方案都预先加载了下拉值。

我正在尝试访问数据库并获取值。我能够在 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

我现在正在开展一个项目，该项目实现了您在此处提到的确切功能。我的实现有点长，所以我会告诉你，你需要 AJAX 和 JSON 来将值传递给 PHP，PHP 将处理你项目的所有数据库部分。

想想 MVC 架构。您的视图将是包含 HTML/Javascript 的 .html 文件以及包含 JQuery/AJAX/JSON 的 .js 文件。

从您的 .js 文件中，您将使用 AJAX 调用您的控制器，也就是 .php 文件，它应该只包含 PHP 函数。这些将处理您提供的任何传入数据，在您的情况下是下拉菜单的 ID 和从下拉菜单中选择的 VALUE，您将使用 JQuery 获取。

从您的控制器文件中，您将调用模型中的函数，另一个 .php 文件包含将根据您的需要处理 SQL 查询的函数。

听起来很多，如果您对 MVC 编码风格不满意，可能是这样，但我向您保证，这并不难实现，您只需要确保您的 AJAX/JSON/JQuery 正在做他们应该做的事情要做，那么 PHP 应该处理剩下的事情。

值得庆幸的是，有很多关于所谓的“将 JQuery Mobile 与 MVC 结合使用”的内容。开始访问：http: //jquerymobile.com/resources/并阅读这些项目。

祝你好运！

于 2012-06-07T21:42:27.783 回答