首頁 > 網際網路

jquery操作select常見方法總結

2019-12-12 12:12:57

在HTML中select標籤是比較常用的標籤,使用Jquery可以對select進行很多操作,如獲得值、設定值、刪除值等。下面是jquery操作select常見方法總結。

1

新建一個HMTL檔案,檔名為index.html,頁面載入jquery-1.3.2.min.js檔案,並編寫select選擇框。程式碼如下:



2

獲得select標籤option的長度,可以通過select物件的length屬性或size方法來獲得。



3

獲得select選中的option值,可以通過jquery的val()方法來獲得option的值。



4

獲得select指定option的值,如獲得第一個option值,最後一個option值,指定的option值。



5

設定select標籤option的value值,通過attr( )方法可以設定select的vaule值。例如,下面程式碼設定第一個option的value值為2。



6

向select標籤新增一個選項。下面程式碼通過append()方法向select新增一個option選項(新增選項四)。



7

刪除select標籤option選項,通過remove( )方法可以刪除指定的option。




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