使用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)刷新頁面,點擊第四個按鈕,第二項被刪除了。
-
如何給SQL SERVER數據表之間添加關係
我們使用SQLSERVER的時候,表和表之間有非常多的關係。那麼如何建立表之間的關係呢?下面小編通過一個實例給大家分享一下。操作方法(01)首先打開SQLSERVER,右鍵單擊數據庫關係圖,選擇新建關係圖選項,如下圖所示(02)這個時候會彈出添加表界面,我們選擇要添加關係的表,然後點...
-
Navicat如何同步兩個不同數據庫之間的表?
Navicat是一個數據庫客户端,它可以連接mysql數據庫,並對其進行管理操作。在Navicat客户端下,我們可以同步兩個不同數據庫之間的表。具體怎麼操作?下面一起看下操作方法(01)連接上你的數據庫,右鍵點擊數據庫,在彈出的菜單裏,點擊‘DataTransfer'(02)點擊後,彈出DataTra...
-
怎樣註銷支付寶賬户
支付寶(中國)網絡技術有限公司是國內領先的第三方支付平台,致力於提供“簡單、安全、快速”的支付解決方案。支付寶公司從2004年建立開始,始終以“信任”作為產品和服務的核心。旗下有“支付寶”與“支付寶錢包”兩個獨立品牌。自2014年第二季度開始成為當前全球最...
-
8080端口被佔怎麼解決
在自己電腦上配置測試網站,要配置Apache服務器,並把服務器的一個站點配置在8080端口上時,卻提示8080端口已被佔用。端口被佔用了怎麼辦?下面一起看下怎麼解決。操作方法(01)首先,我們先找出是哪個程序佔用了這個端口。點擊‘開始’菜單,‘所有程序’,(02)所有程序裏,點擊‘...