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

    如何通過jquery獲得下拉框的顯示值

    html+jquery

    代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解若何經由過程jquery獲得下拉框的顯示值。

      caef76094b36acaf4c9ba69773d98d1001e99c65.jpg
    2. 2

      在test.html文件內,利用select標簽,option標簽建立一個下拉框,選項內容別離是一,二,三,四。

      7acb0a46f21fbe09599df27f64600c338644ad9d.jpg
    3. 3

      在test.html文件內,設置select標簽的id為myselect,本家兒要用于下面經由過程該id獲得select對象。

      aa64034f78f0f7364cb47c6a0555b319ebc41316.jpg
    4. 4

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“獲得下拉框的顯示值”。

      79f0f736afc37931ef22b642e4c4b74543a91116.jpg
    5. 5

      在test.html文件中,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行getselect()函數。

      00e93901213fb80e11aa51bc39d12f2eb9389465.jpg
    6. 6

      在js標簽中,建立getselect()函數,在函數內,利用“:checked”作為下拉框的對象選擇器,再利用text()方式來獲得選中的顯示值。最后,經由過程alert()方式把顯示值輸出來。

      aec379310a55b3190cb3b21e4ca98226cffc1716.jpg
    7. 7

      在瀏覽器打開test.html文件,選擇下拉框內容,點擊按鈕,查看成果。

      78310a55b319ebc45f3246f28d26cffc1e171616.jpg
    • 發表于 2019-12-18 17:00
    • 閱讀 ( 943 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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