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

Question

所以我有以下几点：

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

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

所以我需要在前面加上或插入，等等，但是我不知道如何仅针对“ example”类的值

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