JS实现select动态选择在文本框中显示相应的内容

实现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
在浏览器运行test.html文件，查看实现的结果。
从测试的成果可见，当select选项分歧的内容时，textarea文本框展示分歧的内容，当作功实现了按照select选项的分歧,在textarea文本框中显示分歧的内容。