jQuery Select下拉框操作小結 推薦

2021-09-28 12:41:06 字數 4160 閱讀 5947

這篇文章主要介紹了jquery select下拉框操作小結(推薦)的相關資料,非常實用,在前端開發經常可以用到,需要的朋友可以參考下

jquery獲取select元素,並選擇的text和value:

1. $("#select_id").change(function()); //為select新增事件,當選擇其中一項時觸發

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獲取select元素,並設定的 text和value:

例項分析:

1. $("#select_id ").get(0).selectedindex=1; //設定select索引值為1的項選中

2. $("#select_id ").val(4); // 設定select的value值為4的項選中

3. $("#select_id option[text='jquery']").attr("selected", true); //設定select的text值為jquery的項選中

jquery新增/刪除select元素的option項:

例項分析:

**分類?

onchange="getfourthlevel()">

請選擇**分類

四級分類:?

請選擇四級分類

.if($("#thirdlevel").val()!=0)

if($("#fourthlevelid").val()!=0)//這個表示:假如我們希望當選擇選擇第三類時:如果第四類中有資料則刪除,如果沒有資料第四類的商品中的為預設值。在後面學習了ajax技術後經常會使用到!

獲取select :

獲取select 選中的 text :

$("#ddlregtype").find("option:selected").text();

獲取select選中的 value:

$("#ddlregtype ").val();

獲取select選中的索引:

$("#ddlregtype ").get(0).selectedindex;

設定select:

設定select 選中的索引:

$("#ddlregtype ").get(0).selectedindex=index;//index為索引值

設定select 選中的value:

$("#ddlregtype ").attr("value","normal「);

$("#ddlregtype ").val("normal");

$("#ddlregtype ").get(0).value = value;

設定select 選中的text:?

varcount=$("#ddlregtype option").length;

for(vari=0;i

}

$("#select_id option[text='jquery']").attr("selected",true);

設定select option項:?

$("#select_id""text");//新增一項option

$("#select_id").prepend("請選擇");//在前面插入一項option

$("#select_id option:last").remove();//刪除索引值最大的option

$("#select_id option[index='0']").remove();//刪除索引值為0的option

$("#select_id option[value='3']").remove();//刪除值為3的option

$("#select_id option[text='4']").remove();//刪除text值為4的option

清空 select:

$("#ddlregtype ").empty();

jquery獲得值:

.val()

.text()

設定值.val('在這裡設定值')?

$("document").ready(function())

$("#btn2").click(function())

$("#btn3").click(function())

$("#btn4").click(function()

else

})

})

$("#btn5").click(function())

alert(str);

})

})

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...

下拉框元件

createselect.js text 建立民族陣列 var arraynation new array 漢族 蒙古族 彝族 侗族 哈薩克族 畲族 納西族 仫佬族 仡佬族 怒族 保安族 鄂倫春族 回族 壯族 瑤族 傣族 高山族 景頗族 羌族 錫伯族 烏孜別克族 裕固族 赫哲族 藏族 布依族 白族 ...

下拉框賦值

針對combox控制項,對下拉框賦值 domain ligercombobox data表示的就是資料來源,cancelable 如果設定為true,那就表示該下拉框中的值可以被刪除,叉掉,重新進行選擇。第二種情況是 如果將下拉框中的值不靈活使用,即寫死,那就如下建立資料來源 var test 其實...