jquery操作select方法匯總

更新時(shí)間：2015年02月05日 11:30:22 作者：喵小夕

這篇文章主要介紹了jquery操作select方法,實(shí)例匯總了jQuery操作select的讀取、設(shè)置、添加及刪除等技巧,需要的朋友可以參考下

本文實(shí)例匯總了jquery操作select的方法。分享給大家供大家參考。具體如下：

jQuery獲取Select選擇的Text和Value:

語法解釋：

復(fù)制代碼代碼如下:

$("#select_id").change(function(){//code...});//為Select添加事件，當(dāng)選擇其中一項(xiàng)時(shí)觸發(fā)

var checkText=$("#select_id").find("option:selected").text();//獲取Select選擇的Text

var checkValue=$("#select_id").val();//獲取Select選擇的Value

var checkIndex=$("#select_id ").get(0).selectedIndex;//獲取Select選擇的索引值

var maxIndex=$("#select_id option:last").attr("index");//獲取Select最大的索引值

jQuery設(shè)置Select選擇的Text和Value:

語法解釋：

復(fù)制代碼代碼如下:

$("#select_id ").get(0).selectedIndex=1;//設(shè)置Select索引值為1的項(xiàng)選中

$("#select_id ").val(4);//設(shè)置Select的Value值為4的項(xiàng)選中

$("#select_id option[text='jQuery']").attr("selected", true);//設(shè)置Select的Text值為jQuery的項(xiàng)選中

jQuery添加/刪除Select的Option項(xiàng)：

語法解釋：

復(fù)制代碼代碼如下:

$("#select_id").append("<option value='Value'>Text</option>");//為Select追加一個(gè)Option(下拉項(xiàng))

$("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>");//為Select插入一個(gè)Option(第一個(gè)位置)

$("#select_id option:last").remove();//刪除Select中索引值最大Option(最后一個(gè))

$("#select_id option[index='0']").remove();//刪除Select中索引值為0的Option(第一個(gè))

$("#select_id option[value='3']").remove();//刪除Select中Value='3'的Option 

$("#select_id option[text='4']").remove();//刪除Select中Text='4'的Option

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

老生常談combobox和combotree模糊查詢
下面小編就為大家?guī)硪黄仙Ｕ刢ombobox和combotree模糊查詢。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
『jQuery』取指定url格式及分割函數(shù)應(yīng)用
使用jQuery取指定url格式，并使用alert彈出，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-04-04
jquery attr方法獲取input的checked屬性問題
如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性，不應(yīng)使用attr,需要的朋友可以參考下
2014-05-05
Jquery中CSS選擇器用法分析
這篇文章主要介紹了Jquery中CSS選擇器用法,實(shí)例分析了jQuery中常用的5種css選擇器的使用技巧,需要的朋友可以參考下
2015-02-02
使用jQuery.Validate進(jìn)行客戶端驗(yàn)證（初級(jí)篇）不使用微軟驗(yàn)證控件的理由
以前在做項(xiàng)目的時(shí)候就有個(gè)很大心病，就是微軟的驗(yàn)證控件，雖然微軟的驗(yàn)證控件可以幫我們完成大部分的驗(yàn)證，驗(yàn)證也很可靠上手也很容易，但是我就是覺得不爽.
2010-06-06
鼠標(biāo)移到導(dǎo)航當(dāng)前位置的LI變色處于選中狀態(tài)
本文所要實(shí)現(xiàn)的效果廣泛應(yīng)用于當(dāng)前導(dǎo)航,主要表現(xiàn)為鼠標(biāo)移到導(dǎo)航上面當(dāng)前的LI變色，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08
jquery設(shè)置按鈕停頓3秒不可用
設(shè)置按鈕停頓3秒不可用的方法有很多，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的
2014-03-03
jQuery獲得字體顏色16位碼的方法
這篇文章主要介紹了jQuery獲得字體顏色16位碼的方法,涉及jQuery樣式操作及正則表達(dá)式使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2016-02-02
jQuery 頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部
這篇文章主要介紹了通過jQuery實(shí)現(xiàn)的頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部,需要的朋友可以參考下
2014-06-06
jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
鍵盤事件處理所有用戶在鍵盤敲擊的情況，不管在文本輸入?yún)^(qū)域內(nèi)部還是外部，這里介紹下jquery鍵盤事件的相關(guān)知識(shí)，需要的朋友可以參考下
2014-05-05