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