javascript - このフォーム値の前に追加または挿入するにはどうすればよいですか？

Question

だから私は次のことをしています：

<input type="text" class="example" id="number" readonly="readonly" value="blue widget" name="widget"></input>

javascript/jqueryを使用して値を「大きな青いウィジェット」にしたい

そのため、前に追加または挿入する必要がありますが、クラス「example」の値だけをターゲットにする方法がわかりません。

score 4 · Accepted Answer

JQueryを使用すると、メソッドを使用して入力ボックスの値を変更できますval。

クラスセレクターを使用できます：

$(".example").val("large blue widget");

または、IDでセレクターを使用できます：

$("#number").val("large blue widget");

テキストを前に付けるには、次を使用できます。

$(".example").val(function(index, text) {
    return "large " + text;
});

score 2 · Accepted Answer

次の手順を実行して、入力フィールドの値にアクセスして更新できます。

var currentValue = $('.example').val();
$('.example').val("large " + currentValue);

2 に答える 2