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文本框中顯示分歧的內容。