使用Jquery如何操作下拉框控件？

下拉框選擇控件，在網頁開發中，是經常使用到的一個控件。所以會對它有很頻繁的操作，藉助Jquery，我們可以很方便地對它進行操作控制。
下面一起來看些例子。

操作方法

（01）先看下我們的例子HTML代碼，很簡單，就是一個標準的Select下拉框選擇控件，加幾個按鈕。如圖

（02）執行後，介面如圖

（03）我們加上代碼，實現第一個按鈕的邏輯。用代碼去選中下拉框的值，用Jquery的 val()方法就行，$("#sel")('2'); // 2就是下拉框對應項的value值。

（04）重新載入頁面後，點擊第一個按鈕，可以看到下拉框的第二項被選中了。

（05）能設定選中項，當然也能獲取是哪項選中了，這裏加上第二個按鈕的邏輯，獲取選中項的值，我們也是用 val()方法，不過這次不用傳參數，（有參數時，是設定值）$("#sel")()；

（06）重新重新載入頁面後，點擊第二個按鈕，可以看到下拉框選中項的value值在彈出框裏顯示出來了。

（07）第三個按鈕的邏輯，添加一個下拉框的選項，用append方法，直接加上option項就行，$("#sel")nd("<option value='4'>搜狗地圖</option>");

（08）重新載入頁面後，點擊對應按鈕，新加的選項正常加上了：）

（09）最後一個按鈕的邏輯了，刪除一個下拉選項，用的是remove方法，我們刪除value=2的第二項，首先用選擇器選擇到 value爲 2的項，然後用remove方法，就可以了。$("#sel option[value='2']")ve();

（10）重新載入頁面，點擊第四個按鈕，第二項被刪除了。