通过 javascript 监听 `
要在用户选择下拉菜单项后，自动将对应值填入文本域（如
推荐使用轻量、原生的 JavaScript 实现，无需依赖框架。核心思路是：为
以下是完整可运行示例（注意：你原问题中写的是 ，但通常“textarea”指多行文本框；此处同时兼容两种场景，并以
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>下拉选项自动填充文本域</title>
</head>
<body>
<label for="Branch">分支机构：</label>
<select id="Branch" onchange="document.getElementById('street').value = this.value;">
<option value="">— 请选择 —</option>
<option value="MCG">MCG</option>
<option value="KB">KB</option>
<option value="KT">KT</option>
</select>
<br><br>
<label for="street">地址（自动填充）：</label><br>
<textarea id="street" name="street" rows="3" cols="40" placeholder="选择上方分支后自动填入..."></textarea>
</body>
</html>✅ 关键说明：
- 使用 onchange="..." 内联方式简洁明了；也可改用 addEventListener 实现更规范的解耦（尤其适合复杂项目）：
document.getElementById('Branch').addEventListener('change', function() { document.getElementById('street').value = this.value; }); - 若你实际使用的是 ，代码完全通用，只需确保 id="street" 一致即可。
- 建议为
- 如需支持追加（而非覆盖），可改为：
document.getElementById('street').value += this.value + '\n';
⚠️ 注意事项：
- 确保 HTML 中 id 值唯一且与 JS 引用严格一致（区分大小写）；
- PHP 仍可用于初始渲染
- 若表单提交后需在 PHP 中获取该值，请确保
综上，这是典型的“前端响应式填充”场景——用最简 JavaScript 即可高效解决，兼顾兼容性与可维护性。
