javascript - 如何在此表单值之前添加或插入？

Question

所以我有以下内容：

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

我想使用 javascript/jquery 使值“大蓝色小部件”

所以我需要在前面添加或插入，或其他东西，但我不知道如何只定位类“示例”的值

Answer 1

使用 JQuery，您可以使用方法更改输入框的值val。

您可以使用类选择器：

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

或者您可以按 ID 使用选择器：

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

要添加文本，您可以使用：

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

Answer 2

您可以执行以下操作来访问和更新输入字段的值

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