Jquery對表單的常見操作

2021-09-01 17:51:08 字數 1161 閱讀 7410

表單應用 乙個表單有3個基本組成部分

表單標籤:包含處理表單資料應用的伺服器端程式url以及資料提交到後台伺服器的方法;

表單域:包含文字框、密碼框、隱藏域、多行文字框、核取方塊、單選框、下拉選擇框和檔案上傳框 ;

表單按鈕:包括提交按鈕、復位按鈕和一般按鈕,用於將資料傳輸到伺服器上或者取消傳送,還可以用來控制其他定義了處理指令碼 的處理工作。 單行文字框應用 前提是引入jquery的包 如:

核取方塊應用 對核取方塊進行全選 反選 全不選等操作 html**

html**

jquery**

將選中的選項新增給對方 將全部的選項新增給對方 雙擊某個選項將其新增給對方

(這裡僅做出了從左邊新增到右邊,其他的類似)

html**

選項1選項2

選項3選項4

選項5選項6

選項7選項8

選中新增到右邊》

全部新增到右邊》

選中刪除到左邊<<

全部刪除到左邊<<

jquery**

/*獲得text.areatext的值*/

var textval = $("#text_id").attr("value");

//或者

var textval = $("#text_id").val();

/*獲取下拉列表的值*/

var selectval = $('#select_id').val();

//文字框,文字區域:

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

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

//多選框checkbox:

$("#chk_id").attr("checked",'');//使其未勾選

$("#chk_id").attr("checked",true);//勾選

if($("#chk_id").attr('checked')==true) //判斷是否已經選中

//下拉框select:

$("#select_id").attr("value",'test');//設定value=test的專案為當前選中項

$("test

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

jQuery對表單的操作

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

JQuery 表單常見操作

1 radio的change事件 yhxz change function var selectedvalue input name yhxz checked val alert selectedvalue 2 dom顯示與隱藏 id show 表示 display block,id hide 表示...

Jquery對表單的一些操作

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