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

 时间:2024-10-12 07:05:00

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怎么分屏显示及关闭分屏?
  • 热门搜索
    孝敬父母手抄报 新书推荐手抄报 幸福班级手抄报 向英雄致敬手抄报 文明礼仪手抄报花边 以读书为主题的手抄报 我的成长足迹手抄报 关于古诗词的手抄报 关于文明的手抄报图片 洒扫应对手抄报