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

1、這篇文章主要介紹了jQuerySelectT拉框操作小結(jié)(推薦)的相關(guān)資料，非常實用，在前端開發(fā)經(jīng)?？梢杂玫?，需要的朋友可以參考下jQuery獲取Select元素，并選擇的Text和Value:1. $("#select_id").change(function()/code.);/為Select添加事件，當(dāng)選擇其中一項時觸發(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:實例分析：1. $("#select_id").get(0).selectedIndex=1;/設(shè)

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

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

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

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

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

8、=0").remove();這個表示：假如我們希望當(dāng)選擇選擇第三類時：如果第四類中有數(shù)據(jù)則刪除，如果沒有數(shù)據(jù)第四類的商品中的為默認(rèn)值。在后面學(xué)習(xí)了AJAX技術(shù)后經(jīng)常會使用到！獲取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項:$("#select_id").

11、append("<optionvalue='Value'>Text</option>");/添加一項option$("#select_id").prepend("<optionvalue='0'>請選擇</option>");/在前面插入一項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