两个联动下拉框正常但文本框无法赋值的技术问题求助

我一眼就看到了导致文本框无法填充的核心问题，再给你梳理下所有需要调整的点：

1. 修复文本框赋值的关键错误 #

你的JavaScript里设置文本框值的方法用错了！<input>元素的内容是通过value属性控制的，jQuery中需要用val()方法来设置，而不是html()（html()是用来修改<div>、<span>这类标签的内部HTML内容的）。

把这段代码：

$("#sname").html(data);

改成：

$("#sname").val(data);

这一步应该就能让文本框正常显示对应值了。

2. 排查其他潜在问题 #

除了上面的核心错误，还有几个地方需要优化，避免后续踩坑：

• 移除重复的jQuery引入
  你页面里引入了两次不同版本的jQuery：

  <script src="../../bower_components/jquery/dist/jquery.min.js"></script>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  

  重复引入很容易引发兼容性冲突，建议只保留其中一个（优先选本地的新版本，或者统一用CDN版本）。

• 修复SQL注入风险
  你的loadname.php直接把GET参数拼进SQL语句，这是非常危险的做法，很容易被攻击。改成预处理语句更安全：

  <?php
  // 先确保这里引入了数据库连接文件，比如 include('db_connection.php');
  $accountid = $_GET['vaccountid'];
  $bankid = $_GET['vbankid'];
  
  // 使用预处理语句防注入
  $stmt = $conn->prepare("SELECT name FROM accountinfo WHERE accountid=? AND bankid=?");
  // 这里的参数类型根据你的字段类型调整，s=字符串，i=整数
  $stmt->bind_param("ss", $accountid, $bankid);
  $stmt->execute();
  $result = $stmt->get_result();
  
  if($roww = $result->fetch_assoc()){
      echo $roww['name'];
  } else {
      echo ""; // 无匹配数据时返回空值
  }
  $stmt->close();
  ?>
  

• 确认后端连接与请求状态

  • 检查loadname.php是否正确引入了数据库连接脚本，否则$conn变量会未定义，导致查询失败；
  • 打开浏览器开发者工具（F12）的Network标签，查看loadname.php的请求：
    • 状态码如果是500，说明后端代码有错误；
    • 查看Response返回的内容是否是预期的用户名，空值或错误信息都能帮你定位问题。

3. 测试验证 #

修改完后按流程测试：

1. 选择第一个下拉框的银行，确认第二个下拉框加载正常；
2. 选择账户，查看文本框是否自动填充名称；
3. 若仍有问题，查看控制台的错误提示和AJAX请求详情。

内容的提问来源于stack exchange，提问作者Arpan Sarkar