JS实现下拉菜单赋值到文本框的联动方法

 时间:2026-04-27 08:28:35

1、在html里,我们有一个select下拉框,和一个输入框,注意都有对应的id属性的。

JS实现下拉菜单赋值到文本框的联动方法

2、在jquery的ready方法里,为下拉框添加一个change事件。

JS实现下拉菜单赋值到文本框的联动方法

3、在change事件里,先通过jquery的val方法,获得下拉框选中的值。

JS实现下拉菜单赋值到文本框的联动方法

4、然后把选中的值通过val方法赋值到文本框里就可以了。

JS实现下拉菜单赋值到文本框的联动方法

5、运行页面,现在文本框的内容是空的。我们点击一下下拉框。

JS实现下拉菜单赋值到文本框的联动方法

6、在下拉框选项里,选中一个值,比如百度百科。

JS实现下拉菜单赋值到文本框的联动方法

7、选中后,文本框里的值就显示对下拉框所选中的选项值了。

JS实现下拉菜单赋值到文本框的联动方法

  • jquery如何删除子元素
  • 禁用远程登录此电脑桌面 禁止Telnet登录设置
  • 找不到/.vimrc怎么办,/.vimrc在哪里
  • vb.net怎么使用大漠插件
  • sublime text3怎么分屏显示及关闭分屏?
  • 热门搜索
    廉洁文化手抄报内容 语文手抄报三年级 吸烟有害健康手抄报 预防流感手抄报 安全在我心手抄报 文明用语手抄报 手抄报的图片 争做文明使者手抄报 三年级的手抄报 儿童安全知识手抄报