Javascript set value of an input field

Question

Since while I cannot set the value of an input field with type=text. Before, I always used something like this:

<input style="display: none" type="text" name="geo_poi" value="" id="geofeld" />

Then, in JavaScript i added code containing a line like this:

document.getElementById("geofeld").value = geo_poi;

This always worked. Maybe the new browsers don't want to support the method above anymore.

How come .value = "whatever" doesn't work for form elements? oO — VisioN
– VisioN, Commented Apr 19, 2013 at 9:59
Chrome or Firefox, I also tested it in FireBug and in the console of chrome. But setAttribute("value", "anything") works as I supposed. — redestructa
– redestructa, Commented Apr 19, 2013 at 14:30

redestructa · Accepted Answer · 2013-04-19 09:58:04Z

23

So using the following method for setting attributes worked fine.

document.getElementById("geofeld").setAttribute("value", geo_poi);

answered Apr 19, 2013 at 9:58

redestructa

1,2021 gold badge12 silver badges11 bronze badges

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

Comments

David Salamon · Accepted Answer · 2017-07-20 08:43:24Z

2

For situations when setAttribute does not yield any result (think HTML5 user/password input), consider this:

document.getElementById("geofeld").setRangeText("text");

answered Jul 20, 2017 at 8:43

David Salamon

2,4812 gold badges28 silver badges30 bronze badges

Comments

John Johnson · Accepted Answer · 2013-11-26 18:17:52Z

-2

HTML

<input type="text" placeholder="Item 1" id="item1" />
<input type="text" placeholder="Item 2" id="item2" />

JAVASCRIPT

$('#item1').blur(function() {
    var item1var = $('#item1').val();
    $('#item2').val(item1var);
});

Jsfiddle HERE

edited Nov 26, 2013 at 18:17

answered Nov 26, 2013 at 17:50

John Johnson

292 bronze badges

3 Comments

engineerX Over a year ago

This does not look like "Javascript" to me. You might be using some library.

shieldgenerator7 Over a year ago

@engineerX Probably jQuery

Võ Minh Over a year ago

so this is javascript right? <input type="text" onchange="passvalue()" placeholder="Item 1" id="item1" /> <input type="text" placeholder="Item 2" id="item2" /> <script> function passvalue() { var pValue = document.getElementById('item1').value; document.getElementById('item2').value = pValue; } </script>

Collectives™ on Stack Overflow

Javascript set value of an input field

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related