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

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);