当前位置:经验指南分享 > 游戏/数码 > 互联网 >

jquery怎么把下拉框选中的值赋给文本框?

时间2020-04-21 23:49:15 阅读数 编辑:小屁孩 来源:工作指南

在jquery中,可以将获得的选项通过val()方法给文本框赋值。下面小编举例讲解jquery怎么把下拉框选中的值赋给文本框。

在jquery中,可以将获得的选项通过val()方法给文本框赋值。下面小编举例讲解jquery怎么把下拉框选中的值赋给文本框。

新建一个html文件,命名为test.html,用于讲解jquery怎么把下拉框选中的值赋给文本框。

在test.html文件内,使用select标签创建一个下拉菜单,选项分别为测试A,测试B。

在test.html文件内,使用input标签创建一个文本框,并设置其id为mytest 。

在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行givetxt()函数。

在js标签内,创建givetxt()函数,在函数内,通过获得select对象,使用find()方法找到选中的选项,并使用val()方法获得选项的内容,再通过id获得文本框对象,使用val()方法给文本框赋值。

在浏览器打开test.html文件,点击按钮,查看结果。

find()方法中的“option:selected”,用于获得选中的选项对象。

http://www.shuoxiangjixie.com/hulianwang/146605.html以上内容就是关于[jquery怎么把下拉框选中的值赋给文本框?] 的内容分享;经验指南内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

文章版权及转载声明

文章内容来自网友投稿和互联网等,如果涉及您的隐私或版权,请联系我们,会及时处理;
本文网址:http://www.shuoxiangjixie.com/hulianwang/146605.html发布于 2020-04-21 文章转载或复制请注明出处。