您好,登錄后才能下訂單哦!
本篇內容主要講解“javascript中的val怎么使用”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“javascript中的val怎么使用”吧!
在JavaScript中,val用于返回第一個匹配元素的value屬性值,或者設置所有匹配元素的value屬性值,也可以使用函數來設置屬性值,語法為“$(selector).val()”或者“$(selector).val(value)”。
本教程操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
val() 方法返回或設置被選元素的值。
元素的值是通過 value 屬性設置的。該方法大多用于 input 元素。
如果該方法未設置參數,則返回被選元素的當前值。
語法
$(selector).val(value)
value 可選。規定被選元素的新內容。
返回 Value 屬性
返回第一個匹配元素的 value 屬性的值。
語法
$(selector).val()
設置 Value 屬性的值
$(selector).val(value)
value 設置 Value 屬性的值。
使用函數設置 Value 屬性的值
$(selector).val(function(index,oldvalue))
function(index,oldvalue)規定返回要設置的值的函數。
index - 可選。接受選擇器的 index 位置。
oldvalue - 可選。接受選擇器的當前 Value 屬性。
示例如下:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("input:text").val("Bill Gates"); }); }); </script> </head> <body> <p>Name: <input type="text" name="user" /></p> <button>設置文本域的值</button> </body> </html>
輸出結果:
點擊按鈕后:
到此,相信大家對“javascript中的val怎么使用”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。