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怎么分屏显示及关闭分屏?
  • 热门搜索
    章光101怎么样 飞扬旅游 藏红花泡水喝的禁忌 多美滋奶粉怎么样 移动空调效果怎么样 无线路由器怎么桥接 微信如何转发 足三里在哪里 手机nfc功能在哪里 gt720显卡怎么样