jquery對select下拉框的基本操作大全

2021-08-04 18:05:39 字數 1558 閱讀 1191

四級分類: 

請選擇四級分類 

.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:

var count=$("#ddlregtype option").length;

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

設定select 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); 

}) })

jQuery對下拉框Select操作總結

網路,留做備用 jquery獲取select元素,並選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取selec...

jquery操作下拉列表select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

JQuery操作Select下拉列表

1我被選中了2 查詢被選中的option中的內容當然也可以用 alert sel option selected text 稍微解釋一下 select name sel option selected 表示具有name 屬性,並且該屬性值為 sel 的select元素 裡面的具有selected 屬...