Using Javascript to change a value in a textbox

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 ?

What is the click event bound to? Isn't the output correct?

Andrew Whitaker
– Andrew Whitaker

2012-01-18 04:04:36 +00:00
Commented Jan 18, 2012 at 4:04 — Andrew Whitaker
– Andrew Whitaker, Commented Jan 18, 2012 at 4:04
Doesn't it have to be a string?

tekknolagi
– tekknolagi

2012-01-18 04:07:51 +00:00
Commented Jan 18, 2012 at 4:07 — tekknolagi
– tekknolagi, Commented Jan 18, 2012 at 4:07
Are you using view source to check if it changed?

James Montagne
– James Montagne

2012-01-18 04:08:57 +00:00
Commented Jan 18, 2012 at 4:08 — James Montagne
– James Montagne, Commented Jan 18, 2012 at 4:08
You better not use attr to set value.

gdoron
– gdoron

2012-01-18 04:18:18 +00:00
Commented Jan 18, 2012 at 4:18 — gdoron
– gdoron, Commented Jan 18, 2012 at 4:18

adeneo · Accepted Answer · 2012-01-18 04:12:21Z

4

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

answered Jan 18, 2012 at 4:12

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrew Whitaker · Accepted Answer · 2012-01-18 04:11:57Z

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

edited Jan 18, 2012 at 4:11

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

answered Jan 18, 2012 at 4:10

Dan Walmsley

2,8318 gold badges28 silver badges46 bronze badges

3 Comments

James Montagne Over a year ago

You should use val not attr.

Andrew Whitaker Over a year ago

or just $("#NameAjax").val(1)

Dan Walmsley Over a year ago

new to Jquery didn't know about the .val() method. Good to know thanks.

gdoron · Accepted Answer · 2012-01-18 04:12:26Z

2

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.

answered Jan 18, 2012 at 4:12

gdoron

151k59 gold badges302 silver badges376 bronze badges

Comments

Tasnim Reza · Accepted Answer · 2012-01-18 04:14:37Z

1

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

answered Jan 18, 2012 at 4:14

Tasnim Reza

6,0603 gold badges27 silver badges31 bronze badges

1 Comment

Tasnim Reza Over a year ago

@gdorn sorry ! after post the answer i see already 3 correct answer !! :)

Collectives™ on Stack Overflow

Using Javascript to change a value in a textbox

4 Answers 4

Comments

3 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related