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

    jquery怎么獲取option的label值

    在jquery中,可以使用each()方法遍歷option標簽獲取每一個label值,并把它保存在數組中。下面小編舉例講解jquery怎么獲取option的label值。

    東西/原料

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

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery怎么獲取option的label值。

    2. 2

      在test.html文件內,利用select標簽和option標簽建立一個下拉選擇項,并設置每一個option的label為11,22,33。

    3. 3

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“獲取option的label值”。

    4. 4

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

    5. 5

      在js標簽中,建立getfunc()函數,在函數內,初始化一個數組arr,用于保留label值。

    6. 6

      在getfunc()函數內,經由過程元素名稱獲得option對象,利用eahc()方式遍歷每一個option,經由過程attr()方式獲得label值,并利用push()方式把每一個option的label值存進arr數組中,最后,利用alert()方式輸出所有的lable值。

    7. 7

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

      END

    總結:

    1. 1

      1、建立一個test.html文件。
      2、在文件內,利用select標簽和option標簽建立一個下拉選擇項,同時建立一個button按鈕,用于觸發執行js函數。
      3、在js標簽內,建立函數,在函數內,初始化一個數組arr,用于保留label值。經由過程元素名稱獲得option對象,利用eahc()方式遍歷每一個option,經由過程attr()方式獲得label值,并利用push()方式把每一個option的label值存進arr數組中,最后,利用alert()方式輸出所有的lable值。

      END

    注重事項

    • 初始化的數組必需放在each()方式的外面。
    • 發表于 2020-02-23 22:13
    • 閱讀 ( 970 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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