可能重复:
第一个下拉菜单可自动更改第二个下拉的选项
这是我的查看条目(搜索)页面。该页面显示一个输入字段和一个包含ID、类别、标题的下拉列表。我的问题是,当我选择类别选项时,输入字段必须更改为包含不同类别的下拉列表。帮助
Ajax就是您的答案。您可以选择使用jQuery或纯JavaScriptAjax。给你完整的代码是一个很大的要求。在谷歌上简单搜索一下就会给你很多教程。我的建议-选择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
标记中。