实现下拉选项值自动填充到文本域

实现下拉选项值自动填充到文本域

通过 javascript 监听 `

要在用户选择下拉菜单项后,自动将对应值填入文本域(如

推荐使用轻量、原生的 JavaScript 实现,无需依赖框架。核心思路是:为

以下是完整可运行示例(注意:你原问题中写的是 ,但通常“textarea”指多行文本框;此处同时兼容两种场景,并以




  
  下拉选项自动填充文本域


  
  

  


关键说明

PaperAiBye

PaperAiBye

支持近30多种语言降ai降重,并且支持多种语言免费测句子的ai率,支持英文aigc报告等

下载

  • 使用 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 即可高效解决,兼顾兼容性与可维护性。

https://www.php.cn/faq/1970325.html

发表回复

Your email address will not be published. Required fields are marked *