jquery操作select方法匯總
本文實(shí)例匯總了jquery操作select的方法。分享給大家供大家參考。具體如下:
jQuery獲取Select選擇的Text和Value:
語(yǔ)法解釋?zhuān)?br />
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:
語(yǔ)法解釋?zhuān)?br />
$("#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):
語(yǔ)法解釋?zhuān)?nbsp;
$("#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ì)有所幫助。
- jQuery結(jié)合CSS制作漂亮的select下拉菜單
- 基于jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)添加刪除代碼分享
- jQuery實(shí)現(xiàn)的仿select功能代碼
- jquery使用ul模擬select實(shí)現(xiàn)表單美化的方法
- jquery實(shí)現(xiàn)select下拉框美化特效代碼分享
- jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
- Jquery對(duì)select的增、刪、改、查操作
- jQuery制作簡(jiǎn)潔的多級(jí)聯(lián)動(dòng)Select下拉框
- jquery 實(shí)現(xiàn)兩Select 標(biāo)簽項(xiàng)互調(diào)示例代碼
- jQuery實(shí)現(xiàn)非常實(shí)用漂亮的select下拉菜單選擇效果
相關(guān)文章
jQuery獲取多種input值的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery獲取多種input值的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06jQuery的運(yùn)行機(jī)制和設(shè)計(jì)理念分析
jQuery是一個(gè)非常優(yōu)秀的JavaScript庫(kù),與Prototype,YUI,Mootools等眾多的Js類(lèi)庫(kù)相比,它劍走偏鋒,從Web開(kāi)發(fā)實(shí)用的角度出發(fā),拋除了其它Lib中一些不實(shí)用的東西,為開(kāi)發(fā)者提供了短小精悍的類(lèi)庫(kù)。2011-04-04jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能
這篇文章主要介紹了jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11jquery.multiselect多選下拉框?qū)崿F(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jquery.multiselect 多選下拉框?qū)崿F(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11jquery實(shí)現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素的顯示及隱藏技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09