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怎么分屏显示及关闭分屏?
  • 热门搜索
    15万左右买什么车好 水中毒是什么症状 梦见青蛙是什么意思 吃饭睡觉打豆豆是什么意思 冰糖是什么做的 惊蛰是什么意思 俚语是什么意思 d是什么单位 12月15日是什么星座 pro是什么意思