
通过 javascript 监听 `
要在用户选择下拉菜单项后,自动将对应值填入文本域(如
推荐使用轻量、原生的 JavaScript 实现,无需依赖框架。核心思路是:为
以下是完整可运行示例(注意:你原问题中写的是 ,但通常“textarea”指多行文本框;此处同时兼容两种场景,并以
下拉选项自动填充文本域
✅ 关键说明:
- 使用 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 即可高效解决,兼顾兼容性与可维护性。










