• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何將select選中的內容添加到文本框里

    將select選中的內容添加到文本框里,需要一個js點擊事務觸發獲得select選中的內容,再把獲得select選中的內容添加到textarea文本框里。下面介紹實現的過程。

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于實現將select選中的內容添加到文本框里。

    2. 2

      在test.html頁面里,建立一form表單,并在form表單里面建立一個select下拉框,同時,界說一個按鈕“添加”,用于實現點擊添加功能。

    3. 3

      再建立一個form表單,并在form表單里面建立textarea文本框,用于領受select選項的內容。

    4. 4

      給input按鈕綁心猿意馬一個onclick點擊事務,當點擊按鈕時,執行passText()函數,實現獲得select當前選中的內容,并把它添加到textarea框里面。

    5. 5

      在input按鈕里,利用this獲適當前form表單里select選中的選項內容,并把它作為參數傳遞給函數passText()。

    6. 6

      passText()函數將領受到select選中的選項與textarea原有內容利用"\n"拼接,把拼接好的內容添加到textarea文本框里面,同時,把拼接好的內容保留在oldvalue變量中,用于下次點擊再次拼接。

      至此,代碼編寫完畢。

    7. 7

      在瀏覽器運行test.html,在select選擇框選中分歧的內容,并點擊“添加”按鈕,看textarea文本框是否能當作功領受到select選擇框的內容。

    • 發表于 2019-08-04 22:15
    • 閱讀 ( 1104 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆