当从另一个下拉列表中选择一个选项时，将输入文本字段更改为下拉列表[重复]答案

【问题标题】：changing input text field into a drop down when an option is selected from another drop down [duplicate]当从另一个下拉列表中选择一个选项时，将输入文本字段更改为下拉列表[重复]
【发布时间】：2012-07-26 08:00:19
【问题描述】：

可能重复：
First drop down menu to auto change the options of a second dropdown

这是我的视图条目（搜索）页面。该页面显示一个输入字段和一个包含 ID、类别、标题的下拉列表。我的问题是当我选择类别选项时，输入字段必须更改为包含不同类别的下拉列表。帮忙？

【问题讨论】：

标签： php drop-down-menu populate

【解决方案1】：

Ajax 是您的答案。使用 jQuery 或纯 javascript Ajax 是您的选择。给你完整的代码是一个很大的问题。在 Google 上进行简单搜索将为您提供大量教程。我的建议 - 选择 jQuery + Ajax，因为它大大减少了工作量

更新：

创建一个 div 并给它一个 id 为result。将您的文本框（您想要更改为下拉菜单）放入其中。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

$(function(){

    $('select[name="put select tag name here"]').change(function(){

        var value = $(this).val();

        if(value == 'Category')
        {
            $.ajax({
                type:'post',
                url:'getCatgories.php',
                data:'cat='+value,
                success:function(data)
                {
                    $('div#result').html(data);
                }
            });
        }

    });

});

</script>

在您的getCategories.php 文件中，通过$cat = $_POST['cat']; 获取类别，然后使用$cat 从数据库中获取结果并将其填充到select 标记中。

【讨论】：

唯一的问题是我不知道 jq 或 ajax。总菜鸟。