DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery操作DOM之獲取表單控件的值
jQuery操作DOM之獲取表單控件的值
編輯:JQuery特效代碼     

本文實例講述了jQuery操作DOM之獲取表單控件的值。分享給大家供大家參考。具體分析如下:

HTML屬性與DOM屬性差別最大的地方,恐怕就要數表單控件的值了。比如,文本輸人框的 value屬性在DOM中的屬性叫defaultValue,DOM中就沒有value屬性。而選項列表(select) 元素呢,其選項的值在DOM中通常是通過selectedIndex屬性,或者通過其選項元素的 selected屬性來取得。

由於存在這些差異,在取得和設置表單控件的值時,最好不要使用.attr()方法。而對於選項列表呢,最好連.prop()方法也不要使用。那使用什麼呢,建議使用jQuery提供的.val()方法:

代碼如下://取得文本輸入框的當前值
var inputValue = $('#my-input').val();
//取得選項列表的當前值
var selectValue = $('#my-select').val();
八設置單選列表的值
$('#my-single-select').val('value3');
/^設置多選列表的值
$('#my-multi-select').val(['value1', 'value2']);

與.attr()和.prop()—樣,.val()方法也可以接受一個函數作為其setter參數。有了這個 多用途的.val()方法,使用jQuery做Web開發你又會倍感高效。

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved