jquery中對表單屬性的操作總結

2022-08-03 09:39:11 字數 2235 閱讀 2735

1.獲取下拉框的選取值/文字有以下幾種方法

(1)$("#select_id option:selected").text();//獲取文字

(2)$("#select_id").find('option:selected').text();//獲取文字

(3)$("#testselect").val();//獲取值

(4)$("select[@name=items] option[@selected]").text();//獲取select被選中項的文字

(5)$('#select_id')[0].selectedindex = 1;//radio單選組的第二個元素為當前選中值

//獲取索引值

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

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

2.為下拉框新增值,刪除值

(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

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

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

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

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

(10)為select新增新option

3.獲取文字框的值

(1)$("#text").attr("value");

(2)$("#text").val();

4.設定文字框的值

(1)$("#text").attr("value",' ');//清空內容

(2)$("#text").attr("value",'11');或者$("#text").val('11');//設定value值

5.獲取核取方塊的值

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

(2)$("#checkbox_id").attr("value");//得到核取方塊的選中的第一項的值

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

6.判斷/設定核取方塊是否選中

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

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

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

7.獲取單選框的值

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

8.設定單選框是否被選中

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

注:1.select[@name='selectname'] option[@selected] 表示具有name 屬性,並且該屬性值為'selectname' 的select元素 裡面的具有selected 屬性的option 元素;可以看出有@開頭的就表示後面跟的是屬性。若有不足,請諒解和指正(~_~)另外,在jquery公升級版本中,jquery在1.3.1版本中徹底放棄了1.1.0版本遺留下來的@符號,假如你使用1.3.1以上的版本,那麼你就不需要在屬性前新增@符號。

jQuery對表單的操作

表單的組成部分 表單標籤 表單域 表單按鈕 分析 1 在表單內class屬性為 required 的文字框是必須填寫的,因此需要將它與其他的非必須填寫表單元素加以區別,即 在文字框後追加乙個紅色的小星星標識。form input.required each function 2 當使用者在 使用者名...

Jquery對表單的常見操作

表單應用 乙個表單有3個基本組成部分 表單標籤 包含處理表單資料應用的伺服器端程式url以及資料提交到後台伺服器的方法 表單域 包含文字框 密碼框 隱藏域 多行文字框 核取方塊 單選框 下拉選擇框和檔案上傳框 表單按鈕 包括提交按鈕 復位按鈕和一般按鈕,用於將資料傳輸到伺服器上或者取消傳送,還可以用...

Jquery對表單的一些操作

1.取下拉列表選中項的文字 select option selected text select和option之間有空格,option為select的子元素 select option selected text 如果寫成 select text 會把所有下拉列表的文字選擇出來 2.獲取和設定下拉列...