javascript中val的用法是什麼-前端問答-PHP中文網

javascript中val的用法是什麼

WBOY

發布： 2022-05-07 11:13:03

原創

9211 人瀏覽過

JavaScript中val有兩種用法，分別是：1、用來傳回第一個符合元素的value屬性值，語法為「$(selector).val()」；2、用於設定所有符合元素的value屬性值，語法為「$(selector).val(value)」。

javascript中val的用法是什麼

本教學操作環境：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中val的用法是什麼