Question

So I have the following:

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

I would like to use javascript/jquery to make the value “large blue widget”

so I need prepend or insert before, or something, but I don’t know how to target just the value of class “example”

Answer 1

Using JQuery you can change value of input boxes with val method.

You can use class selector:

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

Or you can use selector by ID:

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

To prepend text you can use:

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