PHP+JavaScript同一表单双下拉框显示问题求助

核心问题分析 #

你的代码中存在两个关键问题导致第二个下拉框无法在页面加载时显示：

1. 两个<select>标签的闭合标签都放在了$_POST判断块内部，初始加载时（无POST请求）标签未正确闭合，浏览器解析HTML时出现异常
2. 重复使用了id="f"（HTML中ID必须唯一），导致JS选择器行为异常

具体修改步骤 #

1. 修正第一个下拉框的结构

将第一个<select>的闭合标签移到$_POST['appname']判断块之外，确保初始加载时标签完整：

<select id="" name="appname" class="s" >
<option value="" selected="true" disabled="disabled">date of appointment</option>
<?php
$query1 ="SELECT * FROM appo where p>0";
$result1 = $conn->query($query1);
if($result1->num_rows> 0){
while($option=$result1->fetch_assoc()){
$wed =$option['wed'];
$p =$option['p'];
?>
<option value="<?php echo $p; ?>"  ><?php echo $wed; ?> </option>
<?php
}}
?>
</select> <!-- 移到此处，确保初始加载时闭合标签存在 -->

<?php
if($_POST['appname']){
$appname=$_POST['appname'];
?>
<script>
$(document).ready(function()
{
$("#f1").show(); // 修改为唯一ID
});
</script>
<?php
$sqh="SELECT * FROM form where i ='$appname'";
?>

2. 修正第二个下拉框的结构

同样将第二个<select>的闭合标签移到$_POST['tname']判断块之外：

<select id="" name="tname" class="s">
<option value="" selected="true" disabled="disabled">the full requirement</option>
<?php 
$query ="SELECT * FROM cstatee";
$result = $conn->query($query);
if($result->num_rows> 0){
while($option=$result->fetch_assoc()){
$options =$option['sname'];
$id =$option['empid'];
?>
<option value="<?php echo $id; ?>"  ><?php echo $options; ?> </option>
<?php
}}
?>
</select> <!-- 移到此处，确保初始加载时闭合标签存在 -->

<?php
if($_POST['tname']){
$tname=$_POST['tname'];
?>
<script>
$(document).ready(function()
{
$("#f2").show(); // 修改为唯一ID
});
</script>
<?php
$sqh="SELECT * FROM form where statee ='$tname'";
?>

3. 修复重复ID问题

将两个结果展示的div标签ID改为唯一值：

<!-- 第一个结果块 -->
<div class="ff" id="f1">date of appointment   :<?php echo $wed;?></div>

<!-- 第二个结果块 -->
<div class="ff" id="f2">type of require :<?php echo $sname;?></div>

4. 更新初始隐藏逻辑

修改JS代码，同时隐藏两个唯一ID的元素：

$(document).ready(function()
{
$("#f1, #f2").hide(); // 同时隐藏两个结果块
});

额外注意事项 #

你的代码存在SQL注入风险，直接将$_POST参数拼接到SQL查询中非常危险。建议使用预处理语句（Prepared Statements）来处理数据库查询，示例：

// 替换原查询方式
$stmt = $conn->prepare("SELECT * FROM form where i = ?");
$stmt->bind_param("s", $appname);
$stmt->execute();
$result = $stmt->get_result();

内容的提问来源于stack exchange，提问作者RM.