jQuery の val メソッドの関数と例
jQuery を使用してプログラミングする場合、フォーム要素の値を取得または設定することがよくあります。このとき、jQuery の val() メソッドを使用できます。 val() メソッドは jQuery の一般的なメソッドで、フォーム要素の値を取得または設定するために使用されます。この記事では、val() メソッドの機能について詳しく説明し、具体的なコード例を使用してその使用法を示します。
1. val() メソッドの機能
val() メソッドは、input、textarea、select などのフォーム要素の値を取得または設定するために使用されます。 val() メソッドがパラメータを取らない場合、一致する要素のセット内の最初の要素の現在の値を返します。 val() メソッドがパラメータを受け取る場合、一致するすべての要素の値を設定します。
2. サンプル コード
以下は、val() メソッドを使用してフォーム要素の値を取得または設定する方法を示すサンプル コードです。
入力ボックスがあるとします。ユーザーが入力した値を取得し、コンソールに出力します。
var username = $("#username").val();
console.log(username);デフォルト値を設定する場合は、入力ボックスでは、val() メソッドを使用できます:
$("#username").val("John Doe");ドロップダウン メニューがある場合< ;select>:
<select id="city"> <option value="1">New York</option> <option value="2">Los Angeles</option> <option value="3">Chicago</option> </select>
ユーザーが選択した値を取得したい:
var city = $("#city").val();
console.log(city);$("#city").val("2");