首頁 > web前端 > js教程 > jQuery操作DOM之取得表單控制項的值_jquery

jQuery操作DOM之取得表單控制項的值_jquery

WBOY
發布: 2016-05-16 16:18:22
原創
1225 人瀏覽過

本文實例講述了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程式設計有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板