【jQuery】入力項目の値の設定/取得について
フォーム操作はWeb開発において欠かせない要素の一つです。中でも、ユーザーが入力した値を取得したり、JavaScriptから値を設定したりする場面は頻繁に登場します。この記事では、jQueryを使って入力フォームの値を「取得する方法」と「設定する方法」について記載します。
idで取得・設定
【HTML側】
<input type="text" id="hoge" />
【js側】
// 取得
var data = $('#hoge').val();
// 設定
$('#hoge').val("hoge");
nameで取得・設定
【HTML側】
<input type="text" name="hoge" />
【js側】
// 取得
var data = $("input[name='hoge']").val();
// 設定
$("input[name='hoge']").val("hoge");