JQuery選擇標籤小結

2021-07-07 05:36:10 字數 4703 閱讀 7760

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

語法解釋:

2. $("#select_id").prepend("請選擇"); //為select插入乙個option(第乙個位置)

3. $("#select_id option:last").remove(); //刪除select中索引值最大option(最後乙個)

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

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

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

//遍歷option和新增、移除option

function changeshipmethod(shipping)

});

}else

} //取得下拉列表的選取值

$(#testselect option:selected').text();

或$("#testselect").find('option:selected').text();

或$("#testselect").val();

// 記性不好的可以收藏下:

1,下拉框:

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉列表的選中項的文字(注意中間有空格)

var cc2 = $('.formc select[@name="country"]').val(); //得到下拉列表的選中項的值

var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉列表的選中項的id屬性值

$("#select").empty();//清空下拉框//$("#select").html('');

稍微解釋一下:

1.select[@name='country'] option[@selected] 表示具有name 屬性,

並且該屬性值為'country' 的select元素 裡面的具有selected 屬性的option 元素;

可以看出有@開頭的就表示後面跟的是屬性。

2,單選框:

$("input[@type=radio][@checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)

$("input[@type=radio][@value=2]").attr("checked",'checked'); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$("input[@type=checkbox][@checked]").val(); //得到核取方塊的選中的第一項的值

$("input[@type=checkbox][@checked]").each(function());

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined){} //判斷是否已經打勾

當然jquery的選擇器是強大的. 還有很多方法.

aaass 11

2233

4455

66jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked = true;

獲取值:

文字框,文字區域:$("#txt").attr("value");

多選框checkbox:$("#checkbox_id").attr("value");

單選組radio: $("input[@type=radio][@checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文字框,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

$("#sel").empty();//清空下拉框

獲取一組radio被選中項的值

var item = $('input[@name=items][@checked]').val();

獲取select被選中項的文字

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[@name=items]').get(1).checked = true;

獲取值:

文字框,文字區域:$("#txt").attr("value");

多選框checkbox:$("#checkbox_id").attr("value");

單選組radio: $("input[@type=radio][@checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文字框,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

$("#sel").empty();//清空下拉框

jQuery標籤選擇

符號 也可以直接寫成jquery id id class class tag div attr 具備屬性 name 多屬性 name age 屬性篩選 name godme 屬性過濾 name godme 不等 name godme 開頭 name godme 結尾 組合查詢 div,class,n...

jQuery標籤選擇器

標籤選擇器 屬性過濾器 類選擇器 cl type text click function json和dom的物件轉換 使用dom當時獲取元素 var bt 3 document.getelementbyid bt3 var jbt 3 bt 3 jbt 3.click function 從jquer...

jQuery選擇器小結

學習jquery首當其衝的就是要學習jquery的選擇器,同時還要區分jquery物件與dom物件的區別 下面小猿就來簡單小結一下jquery選擇器 1.基本選擇器 one css background bbffaa mini css background bbffaa div css backgr...