將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 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!