将select选中的内容添加到文本框里,需要一个js点击事务触发获得select选中的内容,再把获得select选中的内容添加到textarea文本框里。下面介绍实现的过程。
新建一个html文件,定名为test.html,用于实现将select选中的内容添加到文本框里。
在test.html页面里,建立一form表单,并在form表单里面建立一个select下拉框,同时,界说一个按钮“添加”,用于实现点击添加功能。
再建立一个form表单,并在form表单里面建立textarea文本框,用于领受select选项的内容。
给input按钮绑心猿意马一个onclick点击事务,当点击按钮时,执行passText()函数,实现获得select当前选中的内容,并把它添加到textarea框里面。
在input按钮里,利用this获适当前form表单里select选中的选项内容,并把它作为参数传递给函数passText()。
passText()函数将领受到select选中的选项与textarea原有内容利用"\n"拼接,把拼接好的内容添加到textarea文本框里面,同时,把拼接好的内容保留在oldvalue变量中,用于下次点击再次拼接。
至此,代码编写完毕。
在浏览器运行test.html,在select选择框选中分歧的内容,并点击“添加”按钮,看textarea文本框是否能当作功领受到select选择框的内容。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!