从另一个下拉列表中选择一个选项时,将输入文本字段更改为下拉列表

时间:2012-07-26 08:00:19

标签: php drop-down-menu populate

  

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

这是我的查看条目(搜索)页面。该页面显示一个输入字段和一个包含ID,类别,标题的下拉列表。我的问题是当我选择类别选项时,输入字段必须更改为包含不同类别的下拉列表。帮助

1 个答案:

答案 0 :(得分:1)

Ajax是你的答案。使用jQuery或纯javascript Ajax是您的选择。给你完整的代码是一个很好的问题。在Google上进行简单搜索即可获得大量教程。我的建议 - 去jQuery + Ajax,因为它减少了很多努力

更新:

创建一个div并为其指定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标记。