一般取值方法

$("#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元素值的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論