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

    jquery怎么把下拉框選中的值賦給文本框

    在jquery中,可以將獲得的選項通過val()方法給文本框賦值。下面小編舉例講解jquery怎么把下拉框選中的值賦給文本框。

    東西/原料

    • html+jquery
    • 代碼編纂器:zend studio 10.0

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery怎么把下拉框選中的值賦給文本框。

    2. 2

      在test.html文件內,利用select標簽建立一個下拉菜單,選項別離為測試A,測試B。

    3. 3

      在test.html文件內,利用input標簽建立一個文本框,并設置其id為mytest 。

    4. 4

      在test.html文件內,建立一個button按鈕,給button綁定onclick點擊事務,當按鈕被點擊時,執行givetxt()函數。

    5. 5

      在js標簽內,建立givetxt()函數,在函數內,經由過程獲得select對象,利用find()方式找到選中的選項,并利用val()方式獲得選項的內容,再經由過程id獲得文本框對象,利用val()方式給文本框賦值。

    6. 6

      在瀏覽器打開test.html文件,點擊按鈕,查看成果。

      END

    總結:

    1. 1

      1、利用select標簽建立一個下拉菜單,利用input標簽建立一個文本框。
      2、在js中,經由過程獲得select對象,利用find()方式找到選中的選項,并利用val()方式獲得選項的內容,再經由過程id獲得文本框對象,利用val()方式給文本框賦值。

      END

    注重事項

    • find()方式中的“option:selected”,用于獲得選中的選項對象。
    • 發表于 2020-04-16 19:00
    • 閱讀 ( 893 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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