javascript中val的用法是什麼
- WBOY原創
- 2022-04-11 15:41:349317瀏覽
JavaScript中val有兩種用法，分別是：1、用來傳回第一個符合元素的value屬性值，語法為「$(selector).val()」；2、用於設定所有符合元素的value屬性值，語法為「$(selector).val(value)」。
本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。
javascript中val的用法是什麼
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影片教學、web前端】
以上是javascript中val的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn