jQuery操作DOM之獲取表單控件的值_jquery

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

由于存在這些差異，在取得和設(shè)置表單控件的值時(shí)，最好不要使用.attr()方法。而對(duì)于選項(xiàng)列表呢，最好連.prop()方法也不要使用。那使用什么呢，建議使用jQuery提供的.val()方法：

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

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

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com