JavaScriptでのvalの使用法は何ですか-フロントエンドQ&A-php.cn

JavaScriptでのvalの使用法は何ですか

WBOY

リリース： 2022-05-07 11:13:03

オリジナル

9323 人が閲覧しました

JavaScript で val を使用するには 2 つの方法があります: 1. 最初に一致した要素の value 属性値を返すために使用され、構文は "$(selector).val()" です; 2. 設定に使用されます一致するすべての要素の value 属性値。構文は「$(selector).val(value)」です。

JavaScriptでのvalの使用法は何ですか

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript での val の使用法について

val() メソッドは、選択した要素の値を返すか、設定します。

要素の値は、value 属性を通じて設定されます。このメソッドは主に入力要素に使用されます。

このメソッドがパラメータを設定しない場合、選択された要素の現在の値を返します。

構文

$(selector).val(value)

ログイン後にコピー

value オプション。選択した要素の新しいコンテンツを指定します。

Value 属性を返す

最初に一致した要素の value 属性の値を返します。

構文

$(selector).val()

ログイン後にコピー

Value 属性の値を設定します

$(selector).val(value)

ログイン後にコピー

valueValue 属性の値を設定します。

関数を使用して Value 属性の値を設定します

$(selector).val(function(index,oldvalue))

ログイン後にコピー

function(index,oldvalue) は、設定する値を返す関数を指定します。

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の使用法は何ですか