选择框填写同一个选择框答案

【问题标题】：select box filling out the same select box选择框填写同一个选择框
【发布时间】：2013-07-22 20:58:23
【问题描述】：

我需要创建一个网站，但我被困住了...因为我真的只知道如何使用 php 和 html... 通过研究，我了解到没有 javascript 就不可能做到这一点，因为 php 只进行预处理......

我的问题：我希望用户能够单击选择框中的选项，并且所选选项会更改下一个选择框。含义：我的第一个选择框由我的数据库中的信息填充......根据第一个选择框中的选择，第二个选择框需要填充他也从数据库中获取的新变量。第二个中的选择会导致第三个中的选项，依此类推。

我需要这个，因为我的数据库是一棵树... 含义：我有类别（我将在第一个选择框中发布）并且只在第二个选择框中给出所选类别的子类别，依此类推...

这个用法：用户需要能够在数据库中添加一个新对象，方法是选择他想要的位置并单击+-按钮告诉我他想在哪里添加它......用户不一定要全部下来树，应该能够在类别、子类别甚至更远的地方添加一个对象......

我希望我的解释有意义 =s 以便有人可以帮助我，因为我真的根本没有得到 javascript =s 我已经搜索了 1 周，但我还没有找到任何东西......搜索起来非常困难对于一些你不知道名字的东西......所以请有人帮忙。提前谢谢

【问题讨论】：

Dynamically change selectbox options based on previous option selection 的可能重复项

标签： javascript onclick drop-down-menu

【解决方案1】：

每当您的选择框发生更改时，我都会使用 jQuery 并执行 ajax 请求，例如

$(function(){
    $('input#theDropDown').change(function(){
        var theValue = $(this).val();
        $.ajax({  
           type: "GET",   
           url: "getData.php",  
           data: "TheValue=" + theValue,   
           success: function(response) { 
              // I would think 'response' would be a json string or something which contains the values the next dropdown should have
           }
    });
});

下拉列表是一个 id=theDropDown 的输入元素。

这里有更多信息： http://api.jquery.com/jQuery.ajax/

【讨论】：