如何将select选中的内容添加到文本框里

将select选中的内容添加到文本框里,需要一个js点击事务触发获得select选中的内容,再把获得select选中的内容添加到textarea文本框里。下面介绍实现的过程。

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于实现将select选中的内容添加到文本框里。

  2. 2

    在test.html页面里,建立一form表单,并在form表单里面建立一个select下拉框,同时,界说一个按钮“添加”,用于实现点击添加功能。

  3. 3

    再建立一个form表单,并在form表单里面建立textarea文本框,用于领受select选项的内容。

  4. 4

    给input按钮绑心猿意马一个onclick点击事务,当点击按钮时,执行passText()函数,实现获得select当前选中的内容,并把它添加到textarea框里面。

  5. 5

    在input按钮里,利用this获适当前form表单里select选中的选项内容,并把它作为参数传递给函数passText()。

  6. 6

    passText()函数将领受到select选中的选项与textarea原有内容利用"\n"拼接,把拼接好的内容添加到textarea文本框里面,同时,把拼接好的内容保留在oldvalue变量中,用于下次点击再次拼接。

    至此,代码编写完毕。

  7. 7

    在浏览器运行test.html,在select选择框选中分歧的内容,并点击“添加”按钮,看textarea文本框是否能当作功领受到select选择框的内容。

  • 发表于 2019-08-04 22:15
  • 阅读 ( 1086 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具