实现select选项的分歧,在textarea文本框中显示分歧的内容 ， 需要用到JS中OnChange()事务 ， 当改变select选项值时 ， 标的目的textarea输入分歧的内容 。
方式/
1新建一个html文件 ， 定名为test.html ， 用于实现下拉框选择分歧的选项 ， textarea显示分歧的内容 。
2在test.html页面 ， 建立一个form表单 ， 在表单下面利用select标签建立下拉框 ， 实现下拉选择分歧的选项 。
3在test.html页面 ， 建立一个textarea文本输入框 ， 用于实现当select分歧的选项时 ， 展示分歧的内容 。
4利用js新建一个messages数组 ， 里面存放标的目的textarea输入的内容 ， 下面在select选择分歧的选项时 ， 会获取数组内分歧的内容 。
5给select标签绑定onChange事务 ， 当select的选项内容发生改变时 ， 执行messageReveal()函数 ， 这个函数用于从messages数组掏出内容并赋值给textarea文本框 。
6经由过程DOM对象 ， 获得select所选中选项的selectedIndex ， 下面将操纵这个selectedIndex作为下标从数组中获得内容 。
7利用上一步获得的messageindex从messages数组中掏出响应的内容 ， 再利用DOM对象给textarea赋值 ， 标的目的textarea写入内容 。 至此 ， 完当作所有代码的编写 。
8【JS实现select动态选择在文本框中显示相应的内容】在浏览器运行test.html文件 ， 查看实现的结果 。
从测试的成果可见 ， 当select选项分歧的内容时 ， textarea文本框展示分歧的内容 ， 当作功实现了按照select选项的分歧,在textarea文本框中显示分歧的内容 。
以上内容就是JS实现select动态选择在文本框中显示相应的内容的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- js实现鼠标经过时整行变色
- js实现输入二位数字后自动跳到下一输入框
- 如何将select选中的内容添加到文本框里
- 苹果怎么设置动态壁纸
- 如何实现工作与生活的平衡？
- 苹果xr12.1.2系统怎么设置动态壁纸
- 如何实现微信分身
- select下拉框如何动态获取后台数据
- 坦白说是什么，怎么关闭坦白说
- 伊对怎么发布动态