jQuery 對Select的操作備忘記錄
更新時(shí)間:2011年07月04日 22:07:53 作者:
jQuery 對Select的操作備忘記錄,整理的比較全,并且附有詳細(xì)的說明。
jQuery獲取Select選擇的Text和Value:
語法解釋:
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:
語法解釋:
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):
語法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個(gè)Option(下拉項(xiàng))
2. $("#select_id").prepend("<option value='0'>請選擇</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
語法解釋:
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:
語法解釋:
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):
語法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個(gè)Option(下拉項(xiàng))
2. $("#select_id").prepend("<option value='0'>請選擇</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對select操作小結(jié)(遍歷option,操作option)
相關(guān)文章
jQuery簡單實(shí)現(xiàn)仿京東分類導(dǎo)航層效果
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)仿京東分類導(dǎo)航層效果,涉及jQuery針對鼠標(biāo)事件的響應(yīng)及頁面元素動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
jquery 表單進(jìn)行客戶端驗(yàn)證demo
用jquery對表單進(jìn)行客戶端驗(yàn)證demo ,學(xué)習(xí)jquery的朋友可以參考下。2009-08-08
jQuery實(shí)現(xiàn)的鼠標(biāo)滑過彈出放大圖片特效
最近項(xiàng)目遇到個(gè)需求,需要的效果是,鼠標(biāo)移到縮略圖上會(huì)顯示該圖的大圖,并且大圖跟隨鼠標(biāo)移動(dòng);或是移動(dòng)到提示文字上,也可以顯示圖片。經(jīng)過一番思索,用下面的方法實(shí)現(xiàn)了本效果,這里分享給大家。2016-01-01
jquery的父子兄弟節(jié)點(diǎn)查找示例代碼
這篇文章主要介紹了jquery的父子兄弟節(jié)點(diǎn)的查找方法,需要的朋友可以參考下2014-03-03
jquery動(dòng)態(tài)加載select下拉框示例代碼
動(dòng)態(tài)加載select下拉框的實(shí)現(xiàn)方法有很多,在接下來的文章中為大家介紹下jquery是如何實(shí)現(xiàn)的2013-12-12
jquery ajax對特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
如果有人在留言里寫入了js語句,這結(jié)語句都會(huì)被執(zhí)行.解決辦法就是對這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-11-11

