jQuerySelect下拉框操作小結(jié)

1、這篇文章主要介紹了jQuerySelectT拉框操作小結(jié)(推薦)的相關(guān)資料，非常實(shí)用，在前端開發(fā)經(jīng)?？梢杂玫?，需要的朋友可以參考下jQuery獲取Select元素，并選擇的Text和Value:1. $("#select_id").change(function()/code.);/為Select添加事件，當(dāng)選擇其中一項(xiàng)時(shí)觸發(fā)2. varcheckText=$("#select_id").find("option:selected").text();/獲取Select選擇的Text3. varcheckValue=$("#s

2、elect_id").val();/獲取Select選擇的Value4. varcheckIndex=$("#select_id").get(0).selectedIndex;/獲取Select選擇的索引值5. varmaxIndex=$("#select_idoption:last").attr("index");/獲取Select最大的索引值jQuery獲取Select元素，并設(shè)置的Text和Value:實(shí)例分析：1. $("#select_id").get(0).selectedIndex=1;/設(shè)

3、置Select索引值為1的項(xiàng)選中2. $("#select_id").val(4);/設(shè)置Select的Value值為4的項(xiàng)選中3. $("#select_idoptiontext='jQuery'").attr("selected”,true);/設(shè)置Select的Text值為jQuery的項(xiàng)選中jQuery添加/刪除Select元素的Option項(xiàng)：實(shí)例分析：1. $("#select_id").append("<optionvalue='Value'&gt

4、;Text</option>");/為Select追加一個(gè)Option(下拉項(xiàng))2. $("#select_id").prepend("<optionvalue='0'>請(qǐng)選擇</option>");/為Select插入一個(gè)Option(第一個(gè)位置)3. $("#select_idoption:last").remove();/刪除Select中索引值最大Option(最后一個(gè))4. $("#select_idopt

5、ionindex='0'").remove();/刪除Select中索引值為0的Option(第一個(gè))5. $("#select_idoptionvalue='3'").remove();/刪除Select中Value='3'的Option6. $("#select_idoptiontext='4'").remove();/刪除Select中Text='4'的Option三級(jí)分類<selectname="thirdLevel"id=

6、"thirdLevel"onchange="getFourthLevel()"><optionvalue="0"id="thirdOption">請(qǐng)選擇三級(jí)分類</option></select></div>四級(jí)分類：<selectname="fourthLevelId"id="fourthLevelId"><

7、optionvalue="0"id="fourthOption">請(qǐng)選擇四級(jí)分類</option></select></div>.if($("#thirdLevel").val()!=0)$("#thirdLeveloptionvalue!=0").remove();if($("#fourthLevelId").val()!=0)($("#fourthLevelIdoptionvalue!

8、=0").remove();這個(gè)表示：假如我們希望當(dāng)選擇選擇第三類時(shí)：如果第四類中有數(shù)據(jù)則刪除，如果沒有數(shù)據(jù)第四類的商品中的為默認(rèn)值。在后面學(xué)習(xí)了AJAX技術(shù)后經(jīng)常會(huì)使用到！獲取Select：獲取select選中的text:$("#ddlRegType").find("option:selected").text();獲取select選中的value:$("#ddlRegType").val();獲取select選中的索引：$("#ddlRegType").get(0).selectedIndex;設(shè)置s

9、elect:設(shè)置select選中的索引：$("#ddlRegType").get(0).selectedIndex=index;/index為索引值設(shè)置select選中的value:$("#ddlRegType").attr("value”,"Normal“)；$("#ddlRegType").val("Normal");$("#ddlRegType").get(0).value=value;設(shè)置select選中的text:varcount=$("#ddlRegTy

10、peoption").length;for(vari=0;i<count;i+)(if($("#ddlRegType").get(0).optionsi.text=text)($("#ddlRegType").get(0).optionsi.selected=true;break;$("#select_idoptiontext='jQuery'").attr("selected",true);設(shè)置selectoption項(xiàng):$("#select_id").

11、append("<optionvalue='Value'>Text</option>");/添加一項(xiàng)option$("#select_id").prepend("<optionvalue='0'>請(qǐng)選擇</option>");/在前面插入一項(xiàng)option$("#select_idoption:last").remove();/刪除索引值最大的Option$("#s

12、elect_idoptionindex='0'").remove();/刪除索引值為0的Option$("#select_idoptionvalue='3'").remove();/刪除值為3的Option$("#select_idoptiontext='4'").remove();/刪除TEXT值為4的Option清空Select:$("#ddlRegType").empty();jquery獲得值：.val().text()設(shè)置值.val('在這里設(shè)置值')

13、$("document").ready(function()($("#btn1").click(function()($("name='checkbox'").attr("checked”,'true');/全選)$("#btn2”).click(function()$("name='checkbox'").removeAttr("checked");/取消全選)$("#btn3”).click(function()$

14、("name='checkbox':even").attr("checked”,'true');/選中所有奇數(shù))$("#btn4”).click(function()$("name='checkbox'").each(function()/反選if($(this).attr("checked")$(this).removeAttr("checked");else$(this).attr("checked",'true');)$("#b