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怎么分屏显示及关闭分屏?
  • 热门搜索
    如何设置路由器 杭州旅游网 三国杀将魂怎么获得 ie浏览器在电脑哪里 祝自己生日快乐的句子发朋友圈 广西桂林旅游攻略 枸杞泡水喝的正确方法 婚礼通知朋友圈怎么写 家里有跳蚤怎么消灭 发朋友圈的句子