使用Javascript更改文本框中的值

Question

<input id="NameAjax" class="ac_input" type="text" value="">

And using jquery:

).click(function(e) { 
document.getElementById("NameAjax").value = 1;
}

But after the click the value does not change:

<input id="NameAjax" class="ac_input" type="text" value="">

I am looking for the output to look exactly like:

<input id="NameAjax" class="ac_input" type="text" value="1">

How to fix it ?

Answer 1

$("#elementID").on('click', function() {
    $("#NameAjax").val('1');
});

Answer 2

You mentioned Jquery so I am going to assume you are using it. If so try this:

$('#NameAjax').attr('value','1')

The first part $('#NameAjax') selects the input and the second attr('value','1') sets the value attribute to 1

Answer 3

Use the val method:

$('#NameAjax').val('1');

Don't use jquery only half the way. And don't use attr function to set a value.

Answer 4

$("element_idOrclass").click(function() { 
    $("#NameAjax").attr("value","1");
}