jquery為表單控制項傳值並提交表單

2020-10-24 洞悉科學

jquery設置值：

$("#TextBox4").val(data["bqmc"]);//文本框$("#TextBox3").val(data["xxdw"]);//文本框$("#Label3").html(data["pxks"]);//標籤$("#Label4").html(data["pxjs"]);//標籤

前端：

<asp:TextBox ID="TextBox4" runat="server" ReadOnly="true">

後臺：

model.xxdw = Request.Form["TextBox3"];  //前臺設置了readonly，所以採用這樣取值方式

說明：

text() ：返回或設置被選元素的文本內容。

html() ：返回或設置被選元素的內容，包括標籤。

text()和html()都可以用於元素文本的存取，但是html()不僅可以用於元素文本的存取，還可以用於元素節點的存取。

val() ：返回或設置被選元素的值（即 value 屬性的值）。

如果用label，是無法獲取值的，因為label不是表單控制項。

表單控制項有哪些？

文本欄位 text密碼 password隱藏域 hidden文本區域 textarea複選框 checkbox單選按鈕 radio選擇列表 select圖像域 image文件域 file按鈕 button提交按鈕 submit

相關焦點

  • Web表單控制項開發避免Accessibility缺陷
    表單控制項　　表單是HTML非常重要的組成部分，主要用於採集和提交用戶輸入的信息。為了達到web應用交互性的目的，表單幾乎不可或缺。通過表單，用戶可以完成在線註冊、挑選併購買商品、填寫調查問卷等諸多操作。當我們討論表單的可訪問性的時候，通常指的是如何設計表單控制項使其對有認知障礙的人士可見、可操作，但不論用戶是否有認知障礙，組織有序、界面友好的表單能帶來良好的用戶體驗。
  • HTML登錄表單
    登錄表單初識表單今天我們來學習表單。在我們的生活中，離不開表單，在我們註冊帳號的時候，或者買東西輸入地址或者登陸帳號密碼的時候，這時候我們用到都是表單的內容。我們就拿一個登錄表單為例我們需要一個文本輸入框輸入用戶名，需要一個密碼輸入框輸入密碼，需要一個提交按鈕進行登錄，而這些東西都需要包裹在一個from標籤裡通常在一個表單裡面，有許多表單控制項，有文本框、密碼框、單選按鈕、複選框等等這些表單控制項全部都是由input標籤編寫出來的，但是一個標籤怎麼會有這麼多效果呢？
  • 26 HTML5中新增的表單控制項
    前面兩篇圖文介紹的表單控制項，都是HTML4版本中就已經存在的表單控制項，不過它們同樣在HTML5規範中被兼容，而今天這一篇圖文介紹的這些表單控制項，都是在HTML5中新增的。在HTML5中新增的表單控制項，主要有下圖所示的這些，input標籤的type屬性不同的值，表示不同的控制項。
  • 26 HTML5中新增的表單控制項
    前面兩篇圖文介紹的表單控制項，都是HTML4版本中就已經存在的表單控制項，不過它們同樣在HTML5規範中被兼容，而今天這一篇圖文介紹的這些表單控制項，都是在HTML5中新增的。在HTML5中新增的表單控制項，主要有下圖所示的這些，input標籤的type屬性不同的值，表示不同的控制項。
  • 25 HTML5表單基本控制項(二)
    當<input>標籤的type屬性值為"submit"時，就創建了一個提交按鈕。點擊這個按鈕時，表單將會提交到form標籤的action屬性值所指向的那個後臺網站。submit這個單詞就是提交的意思。
  • 表單組成、表單域、表單控制項、提示信息、表單欄位/標題、上傳文件
    表單高級表單的組成：表單域、表單控制項、提示信息1.表單域<form method="get | post" action="伺服器地址"></form>2.表單控制項① 文本框<input type="text"/> ② 密碼框<input
  • HTML+CSS:常用表單控制項之單選框、多選框、下拉框的介紹
    上一篇文章我們說了單行文本框和多行文本框，今天呢我們繼續看一下表單的其它控制項：單選框、複選框、下拉框。：1、type: 當 type="radio" 時，控制項為單選框；當 type="checkbox" 時，控制項為複選框2、value：提交數據到伺服器的值（後臺程序使用）3、name：為控制項命名，這裡要注意同一組的單選按鈕，name 取值一定要一致（具體可見下邊的參考練習）。
  • HTML+CSS:使用form表單控制項,與用戶交互
    今天這篇文章我們主要來看一下表單的控制項都有哪些，如何使用表單標籤，與用戶交互。（1）網站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送到伺服器端，這樣伺服器端程序就可以處理表單傳過來的數據。
  • 15 款優化表單的 jQuery 插件
    網頁上的表單提供給用戶的一種交互的方式，用戶輸入數據，提交到伺服器，等待後續的處理。這些表單在我們瀏覽的網頁中隨處可見，也容易被我們忽略。
  • WEB前端開發工程師可以了解的PHP基礎表單提交GET/POST
    /*管理員登陸1.前臺頁面 ：用戶名 密碼 登陸放在form中1.2.用戶輸入可以提交： 提交到那個頁面action 提交方式 method=get post 默認提交參數方式是get1.3.確定提交參數 加上name屬性 不一定需要些資料庫欄位，但是為了方便簡潔編寫代碼，統一要求和資料庫欄位名保持一致/*get和post
  • HTML+CSS:常用表單按鈕之提交和重置,完整留言表單效果演示
    上一篇文章我們說了單選框、多選框以及下拉框的使用，今天呢我們繼續看一下表單剩下的常用控制項：提交按鈕以及重置按鈕。（1）提交按鈕提交按鈕，顧名思義就是當我們填好了表單中的數據之後，我們需要通過提交按鈕來將數據傳遞到後臺的伺服器中，供後臺程序使用。
  • E圖表述:Excel控制項、二:表單控制項-組合框、列表框
    無論是表單控制項還是ActiveX控制項，作者都認為，組合框和列表框都應該放在一起說。先看一下它們長什麼樣子吧。在用這兩個控制項的過程中，作者覺得這兩個控制項基本沒有什麼區別（尤其是表單控制項）。如果非要說它們倆不一樣的地方，那就是列表框是展開的列表，而組合框是下拉式的列表。
  • 24 HTML5表單基本控制項(一)
    表單當中有哪些控制項呢？我已經在之前寫的項目文件夾中，創建了一個"表單控制項.html"的網頁。就是給要互斥的所有單選按鈕的name屬性，都設置相同的值。2、單選按鈕要有value屬性值，向伺服器提交的就是value值。
  • Jquery中ajax的使用
    Url 就是你的訪問的地址Data 就是你表單的數據Function 回調函數 就是等你請求完畢把返回的數據給這個函數!DataTypoe 數據類型 如果你伺服器上面沒有寫返回類型 那麼你就要寫這個參數了!
  • Excel 製作二級目錄——表單控制項法
    製作二級目錄的方法很多今天我們來學習使用#表單控制項# 配合函數的方法完成二級目錄創建。先看下效果 ：步驟：本例使用全球五大洲及相應的國家作為數據源如下表：插入表單控制項，如圖所示：分別插入兩列表框一個用於一級目錄一個用於二級目錄
  • 10天學會php第三天表單控制項的使用
    網站留言上圖就是網站常見的留言效果，就是在表單的基礎上進行css美化。我們先學習一下最基礎的知識，看看默認的表單是什麼樣子默認表單控制項上圖就是默認的表單，常見的表單控制項有input 文本框，password 密碼屬性，單選框radio 多選框select 複選框checkbox<form name="frm1" id="
  • HTML5的表單設計
    在HTML5中，用戶點擊連結地址，Web前端向後端發起GET請求；在HTML5中，用戶提交表單，Web前端可以向後端發起GET請求，也可以發起POST請求。說明：由於目前沒有和後端伺服器對接，為了便於對表單設計進行展示，下面的例子HTML文檔，都是用GET請求來提交數據。
  • 快捷製作Web表單、小程序表單——雲捷配
    這種表單你想簡單也可以，想複雜也可以——想簡單，你就拖入欄位到表單頁面中，配置一下控制項就可以使用了；你想複雜，沒錯，這種表單是最牛X的，因為它針對的是你自己指定的數據表，你就圍著這個數據表，做任何你想做的事情，寫任何你想寫的Js腳本，還有綁定你的任何存儲過程，例如表單的數據提交之前，你想執行一個SQL事務，提交之後，你還想執行一個SQL事務，甚至保存表單數據時，你都只想獲取了表單數據之後，調用你自己的
  • Python爬蟲入門-表單提交與模擬登錄
    表單形式、json形式等。今天主要以表單形式舉例：Reqeusts支持以form表單形式發送post請求，只需要將請求的參數構造成一個字典，然後傳給requests.post()的data參數即可。示例網站：豆瓣網：https://www.douban.com有兩種方式可以查詢提交表單的欄位：
  • Bootstrap3.0學習第六輪:表單
    上一篇：Bootstrap3.0學習第五輪：表格本文主要講解的是表單，這個其實對於做過網站的人來說，並不陌生，而且可以說是最為常用的提交數據的Form表單。本文主要來講解以下內容：1.基本案例2.內聯表單3.水平排列的表單4.被支持的控制項5.靜態控制項6.控制項狀態7.控制項尺寸8.幫助文本9.總結基本案例單獨的表單控制項會被自動賦予一些全局樣式。