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

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

操作方法

01
先看下我們的例子HTML代碼，很簡單，就是一個標準的Select下拉框選擇控件，加幾個按鈕。如圖
02
運行后，界面如圖
03
我們加上代碼，實現第一個按鈕的邏輯。
用代碼去選中下拉框的值，用Jquery的 val()方法就行，
("#sel").val('2'); // 2就是下拉框對應項的value值。
04
刷新頁面后，點擊第一個按鈕，可以看到下拉框的第二項被選中了。
05
能設置選中項，當然也能獲取是哪項選中了，這里加上第二個按鈕的邏輯，獲取選中項的值，我們也是用 val()方法，不過這次不用傳參數，（有參數時，是設置值）
("#sel").val()；
06
重新刷新頁面后，點擊第二個按鈕，可以看到下拉框選中項的value值在彈出框里顯示出來了。
07
第三個按鈕的邏輯，添加一個下拉框的選項，用append方法，直接加上option項就行，
("#sel").append("<option value='4'>搜狗地圖</option>");
08
刷新頁面后，點擊對應按鈕，新加的選項正常加上了：）
09
最后一個按鈕的邏輯了，刪除一個下拉選項，用的是remove方法，
我們刪除value=2的第二項，首先用選擇器選擇到 value為 2的項，然后用remove方法，就可以了。

("#sel option[value='2']").remove();
10
刷新頁面，點擊第四個按鈕，第二項被刪除了。
End