jQuery 對(duì)Select的操作備忘記錄
語(yǔ)法解釋:
1. $("#select_id").change(function(){//code...}); //為Select添加事件,當(dāng)選擇其中一項(xiàng)時(shí)觸發(fā)
2. var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text
3. var checkValue=$("#select_id").val(); //獲取Select選擇的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //獲取Select最大的索引值
jQuery設(shè)置Select選擇的Text和Value:
語(yǔ)法解釋:
1. $("#select_id ").get(0).selectedIndex=1; //設(shè)置Select索引值為1的項(xiàng)選中
2. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項(xiàng)選中
3. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項(xiàng)選中
jQuery添加/刪除Select的Option項(xiàng):
語(yǔ)法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個(gè)Option(下拉項(xiàng))
2. $("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>"); //為Select插入一個(gè)Option(第一個(gè)位置)
3. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個(gè))
4. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個(gè))
5. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- jquery操作select option 的代碼小結(jié)
- 兩個(gè)select之間option的互相添加操作(jquery實(shí)現(xiàn))
- 淺析JQuery獲取和設(shè)置Select選項(xiàng)的常用方法總結(jié)
- jQuery彈出(alert)select選擇的值
- jquery select動(dòng)態(tài)加載選擇(兼容各種瀏覽器)
- JQuery select控件的相關(guān)操作實(shí)現(xiàn)代碼
- 基于JQuery的Select選擇框的華麗變身
- 淺析jQuery對(duì)select操作小結(jié)(遍歷option,操作option)
相關(guān)文章
JS Canvas定時(shí)器模擬動(dòng)態(tài)加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JS Canvas定時(shí)器模擬動(dòng)態(tài)加載動(dòng)畫,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jQuery實(shí)現(xiàn)單擊彈出Div層窗口效果(可關(guān)閉可拖動(dòng))
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊彈出Div層窗口效果,具有可關(guān)閉可拖動(dòng)的功能,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁(yè)面元素樣式的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09按Enter鍵觸發(fā)事件的jquery方法實(shí)現(xiàn)代碼
這篇文章主要介紹了按Enter鍵觸發(fā)事件的jquery方法,需要的朋友可以參考下2014-02-02jQuery實(shí)現(xiàn)點(diǎn)擊水紋波動(dòng)動(dòng)畫
今天要為大家紹一款由jquery實(shí)現(xiàn)的鼠標(biāo)單擊出現(xiàn)水波特效。用鼠標(biāo)點(diǎn)擊頁(yè)面,你可以看到頁(yè)面不斷出面水波紋效果。然后水波紋漸漸消失。效果非常不錯(cuò)2016-04-04jQuery HTML獲取內(nèi)容和屬性操作實(shí)例分析
這篇文章主要介紹了jQuery HTML獲取內(nèi)容和屬性操作,結(jié)合實(shí)例形式分析了jQuery HTML獲取內(nèi)容和屬性相關(guān)函數(shù)用法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05jQery使網(wǎng)頁(yè)在顯示器上居中顯示適用于任何分辨率
這篇文章主要介紹了jQery使網(wǎng)頁(yè)在任何分辨率的顯示器上居中顯示的方法,需要的朋友可以參考下2014-06-06jQuery實(shí)現(xiàn)統(tǒng)計(jì)輸入文字個(gè)數(shù)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)統(tǒng)計(jì)輸入文字個(gè)數(shù)的方法,涉及jQuery操作鼠標(biāo)事件及dom元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery高級(jí)編程之js對(duì)象、json與ajax用法實(shí)例分析
這篇文章主要介紹了jQuery高級(jí)編程之js對(duì)象、json與ajax用法,結(jié)合實(shí)例形式分析了js對(duì)象的創(chuàng)建、使用,json格式數(shù)據(jù)轉(zhuǎn)換及ajax交互等相關(guān)操作技巧,需要的朋友可以參考下2019-11-11