新建一個html文件,定名為test.html,用于講解jquery怎么獲取option的label值。
 在test.html文件內,利用select標簽和option標簽建立一個下拉選擇項,并設置每一個option的label為11,22,33。
 在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“獲取option的label值”。
 在test.html文件中,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行getfunc()函數。
 在js標簽中,建立getfunc()函數,在函數內,初始化一個數組arr,用于保留label值。
 在getfunc()函數內,經由過程元素名稱獲得option對象,利用eahc()方式遍歷每一個option,經由過程attr()方式獲得label值,并利用push()方式把每一個option的label值存進arr數組中,最后,利用alert()方式輸出所有的lable值。
 在瀏覽器打開test.html文件,點擊按鈕,查看成果。
 END1、建立一個test.html文件。
2、在文件內,利用select標簽和option標簽建立一個下拉選擇項,同時建立一個button按鈕,用于觸發執行js函數。
3、在js標簽內,建立函數,在函數內,初始化一個數組arr,用于保留label值。經由過程元素名稱獲得option對象,利用eahc()方式遍歷每一個option,經由過程attr()方式獲得label值,并利用push()方式把每一個option的label值存進arr數組中,最后,利用alert()方式輸出所有的lable值。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!