Jquery的相關操作

2021-08-08 22:10:00 字數 3917 閱讀 6551

jquery操作select(增加,刪除,清空)

jquery獲取select選擇的text和value:

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

var checktext=$("#select_id").find("option:selected").text(); //

獲取select選擇的text

var checkvalue=$("#select_id").val(); //

獲取select選擇的value

var checkindex=$("#select_id ").get(0).selectedindex; //

獲取select選擇的索引值

var maxindex=$("#select_id option:last").attr("index"); //

獲取select最大的索引值

jquery新增/刪除select的option項:

為select追加乙個option(下拉項)

$("#select_id").prepend("請選擇"); //

為select插入乙個option(第乙個位置)

$("#select_id option:last").remove(); //

刪除select中索引值最大option(最後乙個)

$("#select_id option[index='0']").remove(); //

刪除select中索引值為0的option(第乙個)

$("#select_id option[value='3']").remove(); //

刪除select中value='3'的optiona

$("#select_id option[text='4']").remove(); //

刪除select中text='4'的optiona

內容清空:

$("#charcity").empty();
每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以後就翻這裡了。比如

1、設定value為pxx的項選中

$(".selector").val("pxx");
2、設定text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);
這裡有乙個中括號的用法,中括號裡的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();
4、獲取當前選中項的text

$(".selector").find("option:selected").text();
這裡用到了冒號,掌握它的用法並舉一反三也會讓**變得簡潔。

很多時候用到select的級聯,即第二個select的值隨著第乙個select選中的值變化。這在jquery中是非常簡單的。

如:

$(".selector1").change(function

());

jquery獲取select選擇的text和value:

語法解釋:

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

var checktext=$("#select_id").find("option:selected").text(); //獲取select選擇的text

var checkvalue=$("#select_id").val(); //獲取select選擇的value

var checkindex=$("#select_id ").get(0).selectedindex; //獲取select選擇的索引值

var maxindex=$("#select_id option:last").attr("index"); //獲取select最大的索引值

jquery設定select選擇的 text和value:

語法解釋:

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

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

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

jquery新增/刪除select的option項:

語法解釋:

為select追加乙個option(下拉項)

$("#select_id").prepend("請選擇"); //

為select插入乙個option(第乙個位置)

$("#select_id option:last").remove(); //

刪除select中索引值最大option(最後乙個)

$("#select_id option[index='0']").remove(); //

刪除select中索引值為0的option(第乙個)

$("#select_id option[value='3']").remove(); //

刪除select中value='3'的option

$("#select_id option[text='4']").remove(); //

刪除select中text='4'的option

jquery 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

jQuery相關操作

button click function e button click function e e.preventdefault 元素.事件名 function bind繫結事件bind type,data fn type 事件型別 事件名 含有乙個或多個事件型別的字串,由空格分隔多個事件。比如 c...

jQuery操作屬性的相關方法

下面這組方法是操作dom物件屬性的通用方法,可以操作dom物件的通用屬性,例如title alt src等。1 attr name 訪問jquery物件裡第乙個匹配元素的name屬性值。2 attr map 用於為jquery物件裡所有dom物件同時設定多個屬性值。3 attr name,value...

jquery處理select的相關操作

jquery獲取select選擇的文字與值 獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 value ddlregtype val 獲取select選中的索引 ddlregtype get 0 ...