PHP+MySQL下拉选框联动获取数据库数据故障排查求助

问题排查与修复步骤 #

1. JavaScript选择器的可靠性问题 #

原代码通过document.querySelector([value=${this.value}])获取选中项，当医生名称包含空格、引号等特殊字符时，CSS选择器会解析失败，导致无法读取data-value。

修复方案：直接通过下拉框自身的属性获取当前选中的option元素，无需额外查询DOM：

document.getElementById('doctor').onchange = function updateFees(e) {
    const selectedOption = this.options[this.selectedIndex];
    document.getElementById('docFees').value = selectedOption.getAttribute('data-value');
};

2. PHP输出HTML未转义，存在结构破坏风险 #

原代码直接将数据库取出的字段值输出到HTML中，如果字段包含引号、尖括号等特殊字符，会破坏option标签的HTML结构，导致前端无法正常解析。

修复方案：使用htmlspecialchars()对输出内容进行转义：

function display_medis()
{
    global $con;
    // 注意：前端显示的是医生数据，但当前查询的是med_inv（药品库存表），请确认表名和字段是否匹配业务逻辑
    $query = "select med_name,med_id,mrp from med_inv";
    $result = mysqli_query($con,$query);
    while( $row = mysqli_fetch_array($result) )
    {
        $med_name = htmlspecialchars($row['med_name'], ENT_QUOTES);
        $mrp = htmlspecialchars($row['mrp'], ENT_QUOTES);
        echo '<option value="' .$med_name. '" data-value="'.$mrp.'" >'.$med_name.'</option>';
    }
}

3. 业务逻辑表名/字段疑似不匹配 #

前端标注的是“Doctors（医生）”，但PHP查询的是med_inv表（药品库存表），且取的是mrp（药品零售价）字段，这明显和“咨询费”的业务需求不符。请确认数据库表结构：应该查询存储医生信息的表（比如doctors），并读取对应的咨询费字段（比如consultancy_fee）。

额外调试建议 #

• 打开浏览器开发者工具（F12），查看Console标签是否有JavaScript报错，快速定位前端问题。
• 在PHP函数开头添加var_dump($con);，确认数据库连接$con是否正常初始化。

内容的提问来源于stack exchange，提问作者Gaurav S