jquery獲取form表單input元素值的簡單實(shí)例
一般取值方法
$("#id").val();
$("#id").attr("value");
//其中value是元素的屬性名如<s:textfield id="cifName" key="cifName" name="#request.consBean.cifName" />的id,key,name屬性。取到的值是屬性后對應(yīng)雙引號(hào)里面的字符。
function saveConsumerValidate(){ var cifNo =$("#cifNo").val(); //jquery獲取文本框值方法1 var cardType = $("#cardType").attr("value"); //jquery獲取文本框值方法2 var cardNo = document.getElementById("cardNo").value;//DOM獲取值方法
val(),val(val)方法atttr(name),atttr(key,value)方法和value屬性
在用$("#id")來獲得頁面的input元素的時(shí)候,發(fā)現(xiàn)$("#id").value不能取到值
$("#intro")是一個(gè)jquery的選擇器結(jié)果是id="intro" 的第一個(gè)元素,而不是HTML DOM getElementById() 方法的document.getElement
value是HTML DOM Text對象的一個(gè)屬性,設(shè)置或返回文本域的 value 屬性的值。
val()是jquery的獲得或設(shè)置元素的 DOM 屬性的操作方法。
val()方法:獲得第一個(gè)匹配元素的當(dāng)前值
取值:$("#id").val();|$("element元素").val();/下同
或者 $("#id")[0].value;
HTML 代碼: <input type="text" value="some text"/> jQuery 代碼: $("input").val();
val(val)方法:設(shè)置每一個(gè)匹配元素的值。
賦值:$("#id").val("new value");
或者 $("#id")[0].value = "new value";
HTML 代碼: <input type="text"/> jQuery 代碼: $("input").val("hello world!");
attr(name)方法:取得第一個(gè)匹配元素的屬性值。通過這個(gè)方法可以方便地從第一個(gè)匹配元素中獲取一個(gè)屬性的值。如果元素沒有相應(yīng)屬性,則返回 undefined 。
取值:$("#id").attr("value");
HTML 代碼: <img src="test.jpg"/> jQuery 代碼: $("img").attr("src"); 結(jié)果: test.jpg
attr(key,value)方法:為所有匹配的元素設(shè)置一個(gè)屬性值。
賦值:$("#id").attr(attribute,value);
描述: 為所有圖像設(shè)置src屬性。 HTML 代碼: <img/> <img/> jQuery 代碼: $("img").attr("src","test.jpg"); 結(jié)果: [ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]
以上這篇jquery獲取form表單input元素值的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果,涉及jquery.autoComplete.js插件的使用,可實(shí)現(xiàn)輸入框內(nèi)容自動(dòng)補(bǔ)全的功能,附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09jquery Moblie入門—hello world的示例代碼學(xué)習(xí)
jquery Moblie入門:Hello World的示例代碼學(xué)習(xí),感興趣的朋友可以了解下哦2013-01-01使用jQuery仿蘋果官網(wǎng)焦點(diǎn)圖特效
這篇文章主要介紹了使用jQuery仿蘋果官網(wǎng)焦點(diǎn)圖特效,非常的炫酷,需要的朋友可以參考下2014-12-12jQuery插件WebUploader實(shí)現(xiàn)文件上傳
這篇文章主要為大家詳細(xì)介紹了jQuery插件WebUploader實(shí)現(xiàn)文件上傳,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11關(guān)于jQuery中fade(),show()起始位置的一點(diǎn)小發(fā)現(xiàn)
下面小編就為大家?guī)硪黄P(guān)于jQuery中fade(),show()起始位置的一點(diǎn)小發(fā)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能,自動(dòng)匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中,感興趣的小伙伴們可以參考一下2015-10-10