首頁 > 網際網路

jquery如何獲取一個select裡面的所有option的值

2019-12-12 11:42:56

Jquery獲得select所有的option值,可以使用遍歷option值的方法獲得。下面介紹獲得所有option值的兩種方法。

1

新建一個HTML檔案,命名為index.html。


2

在index.html檔案中編寫select選擇框html程式碼,實現選項的效果,程式碼如下:



3

在頁面中載入jquery-1.3.2.min.js檔案,編寫Jquery程式碼獲得所有選項的option值。通過each()方法遍歷所有的option值,並存入select_con陣列中。


4

使用console.log()列印陣列,執行程式碼檢視陣列內容,可以看到陣列已成功獲得select 中option所有的值。



1

通過map()方法獲得所的option值,把結果返回到result變數中。


2

通過get()方法把獲得的物件轉換為陣列,並存入select_con陣列中。


3

執行程式碼,列印陣列,可以看到所有option值已成功存入陣列中。



IT145.com E-mail:sddin#qq.com