根据下拉选择从数据库中填充另一个选择下拉菜单
我正在建立一个网站来学习编码，并且正在尝试建立一个工具，用户单击一个选择/下拉列表，其中包含从数据库 cat
提取的某些类别名称，然后另一个选择与从数据库 subcat
提取的子类别名称一起出现。这几乎与Yelp的（向下分类）完全一样，就像Yelp的（向下分类）一样。
我还做了一个图：
我已经有一个从 cat 数据库中提取的类别下拉列表：
<p><b>Category:</b><br />
<?php
$query="SELECT id,cat FROM cat";
$result = mysql_query ($query);
echo"<select name='cselect3' class='e1'><option value='0'>Please Select A Category</option>";
// printing the list box select command
while($catinfo=mysql_fetch_array($result)){//Array or records stored in $nt
echo "<option value=\"".htmlspecialchars($catinfo['cat'])."\">".$catinfo['cat']." </option>";
}
echo"</select>";
?>
我有一个从subcat数据库中提取的subcat：
<p><b>Subcat1:</b><br />
<?php
$query="SELECT id,subcat FROM subcat";
$result = mysql_query ($query);
echo"<select name='sselect1' class='e1'><option value='0'>Please Select A Category</option>";
// printing the list box select command
while($catinfo=mysql_fetch_array($result)){//Array or records stored in $nt
echo "<option value=\"".htmlspecialchars($catinfo['subcat'])."\">".$catinfo['subcat']."</option>";
}
echo"</select>";
?>
如何根据用户单击类别并使其自动显示来创建子类别下拉菜单？非常感谢您提供的所有帮助！
问题答案：
我只是将变量放在php中的javascript中，然后使用javascript函数..不需要jquery或AJAX。
但是，无论如何，您都需要具有子类别的外键。即-对于subcat表中的每个记录，您都需要给它一个catid以便进行引用…
<?php
$db = new mysqli('localhost','user','password','dbname');//set your database handler
$query = "SELECT id,cat FROM cat";
$result = $db->query($query);
while($row = $result->fetch_assoc()){
$categories[] = array("id" => $row['id'], "val" => $row['cat']);
}
$query = "SELECT id, catid, subcat FROM subcat";
$result = $db->query($query);
while($row = $result->fetch_assoc()){
$subcats[$row['catid']][] = array("id" => $row['id'], "val" => $row['subcat']);
}
$jsonCats = json_encode($categories);
$jsonSubCats = json_encode($subcats);
?>
<!docytpe html>
<html>
<head>
<script type='text/javascript'>
<?php
echo "var categories = $jsonCats; \n";
echo "var subcats = $jsonSubCats; \n";
?>
function loadCategories(){
var select = document.getElementById("categoriesSelect");
select.onchange = updateSubCats;
for(var i = 0; i < categories.length; i++){
select.options[i] = new Option(categories[i].val,categories[i].id);
}
}
function updateSubCats(){
var catSelect = this;
var catid = this.value;
var subcatSelect = document.getElementById("subcatsSelect");
subcatSelect.options.length = 0; //delete all options if any present
for(var i = 0; i < subcats[catid].length; i++){
subcatSelect.options[i] = new Option(subcats[catid][i].val,subcats[catid][i].id);
}
}
</script>
</head>
<body onload='loadCategories()'>
<select id='categoriesSelect'>
</select>
<select id='subcatsSelect'>
</select>
</body>
</html>
-
问题内容： 我有这样的MySQL表 区域表 … 和学校表 我的注册表中有多个选择（下拉）菜单。区域下拉列表如下所示 我想做的是，获取“区域” ID，然后基于“学校”表中的ID（先前选择的ID）填充学校下拉菜单。我是JS的新手。请帮助我修复它。提前谢谢。 问题答案：
-
问题内容： 我有一个表格（“场地”），其中存储了志愿者可以工作的所有可能场所，每个志愿者被分配为每个场所工作一个。 我想从场所表中创建一个选择下拉列表。 现在，我可以显示分配给每个志愿者的地点，但是我希望它显示下拉框，并且已经在列表中选择了地点。 例如，将ID为7的志愿者分配给了场地编号4 我知道它将采用for或while循环的形式从场地表中拉出场地列表 我的查询是： 如何填充选择下拉框与场馆（
-
问题内容： 我想创建两个下拉列表，类别和项目。 如果我选择名为car的类别之一，则项目下拉列表应包含Honda，Volvo和Nissan。 如果我选择一个名为phone的类别，则项目下拉列表应具有此iPhone，Samsung，Nokia。 我怎样才能做到这一点？我知道我无法使用纯HTML做到这一点。 问题答案： 工作演示 （带有jquery） 更新 ：使用eval（）能够添加所需的任意数量的数组
-
问题内容： 首先，我讨厌提出一个已经解决的问题，但是您应该知道我在此站点上找到的其他选项对我不起作用。 基本上，我想构造一个简短的表格，其中有两个下拉框。始终显示第一个，默认情况下隐藏第二个。在第一个下拉框中选择某个选项后，我希望第二个下拉框显示。这是我的意思的完美示例： 但是，与上面的示例不同，我有单独的一组选项要显示在下拉框中，以显示在第一个下拉框中选择的每个选项，而不仅是其中一个选项。换句话
-
问题内容： 我需要使用JavaScript根据下拉菜单A中的选择更改下拉菜单B的内容。没有涉及到数据库查询- 我事先知道应该在A中选择B的内容。我已经找到了一些使用AJAX的示例，但是由于没有涉及到数据库查询，所以没有必要。谁能为我指出一些示例代码以实现此目的？ 问题答案： function configureDropDownLists(ddl1, ddl2) {
-
问题内容： 我的问题如下：我有几个文件，并创建了一个带有名称的下拉菜单，接下来我需要的是一个选项菜单，只要选择文件名以显示特定文件中的某些数据，就可以更改该菜单。需要明确的是，我的问题只是关于从下拉菜单中选择一个选项时如何更改选项菜单。感谢您的帮助。 问题答案： OptionMenu小部件不过是一个便利类，它创建与菜单关联的菜单按钮。您可以通过属性进入此菜单。唯一的技巧是知道菜单项应该做什么，这无