将select选中的内容添加到文本框里 ， 需要一个js点击事务触发获得select选中的内容 ， 再把获得select选中的内容添加到textarea文本框里 。 下面介绍实现的过程 。
文章插图
方式/
1新建一个html文件 ， 定名为test.html ， 用于实现将select选中的内容添加到文本框里 。
文章插图
2在test.html页面里 ， 建立一form表单 ， 并在form表单里面建立一个select下拉框 ， 同时 ， 界说一个按钮“添加” ， 用于实现点击添加功能 。
文章插图
3再建立一个form表单 ， 并在form表单里面建立textarea文本框 ， 用于领受select选项的内容 。
文章插图
4给input按钮绑定一个onclick点击事务 ， 当点击按钮时 ， 执行passText()函数 ， 实现获得select当前选中的内容 ， 并把它添加到textarea框里面 。
文章插图
5在input按钮里 ， 利用this获适当前form表单里select选中的选项内容 ， 并把它作为参数传递给函数passText() 。
文章插图
6passText()函数将领受到select选中的选项与textarea原有内容利用"\n"拼接 ， 把拼接好的内容添加到textarea文本框里面 ， 同时 ， 把拼接好的内容保留在oldvalue变量中 ， 用于下次点击再次拼接 。
至此 ， 代码编写完毕 。
文章插图
7【如何将select选中的内容添加到文本框里】在浏览器运行test.html ， 在select选择框选中分歧的内容 ， 并点击“添加”按钮 ， 看textarea文本框是否能当作功领受到select选择框的内容 。
文章插图
以上内容就是如何将select选中的内容添加到文本框里的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 微信该如何添加应急联系人
- 如何取消百度搜索首页不喜欢的推荐新闻
- 微信如何查看已签约自动扣费项目并删除
- 163net邮箱如何同时给多人发送邮件
- 如何在海外充值微信
- 如何用耳粉清洁狗的耳朵？
- 如何护理狗狗的眼睛？
- 生儿子风水最准的方法，家居如何布置提升生子运
- 什么样的草莓是被催熟的？如何选择健康草莓？
- 小豆苗如何关闭小豆苗官方号