Javascript 使用PHP、MySQL和AJAX更改单选按钮值时动态更新下拉菜单的内容

我正在创建一个表单，其中有两个单选按钮和一个下拉列表。我想当用户更改他们选择的单选按钮时，下拉列表也会更改其值，该值将从数据库表中选取，该数据库表有两列，分别为life和general

下面是request.php的一个片段

生活 全体的

---

如果您愿意将jquery用于该功能的页面脚本 你可以参考我的样品

HTML:

还有我的虚拟php文件，它返回的列表项显然将包含数据库调用等等

dbo.php

<?php
$radio=$_REQUEST['radioval'];
$selectArray=array();
if($radio=='life'){
$selectArray[0]='life1';
$selectArray[1]='life2';
}else if($radio=='general'){
$selectArray[0]='general1';
$selectArray[1]='general2';

}
echo json_encode($selectArray);

---

试一下样品，让我们知道这是否适合您。

您能告诉我们哪个部件不工作吗？您是否没有从服务器获取数据，或者服务器没有正确填充select？有JS错误吗？@hukir我没有从服务器获取任何数据。根本不会生成下拉列表。您有重复的id=部门，请删除该id并通过以下方式获取值：var dept=document.getElementsByNamedepartment[0]。值；那么有几件事。您的选择与单选按钮的名称相同。常规单选按钮需要onchange来调用js函数listDept。如果您在浏览器中直接调用getdepartment.php文件，是否会返回选项列表？@skobaljic我已经这样做了，但它似乎不起作用。

<?php
$radio=$_REQUEST['radioval'];
$selectArray=array();
if($radio=='life'){
$selectArray[0]='life1';
$selectArray[1]='life2';
}else if($radio=='general'){
$selectArray[0]='general1';
$selectArray[1]='general2';

}
echo json_encode($selectArray);