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, Apr 19 '13 at 09: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, Apr 19 '13 at 14:30

score 23 · Answer 1 · answered Apr 19 '13 at 09:58

23

So using the following method for setting attributes worked fine.

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

answered Apr 19 '13 at 09:58

redestructa

score 2 · Answer 2 · answered Jul 20 '17 at 08:43

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 '17 at 08:43

David Salamon

John Johnson · Answer 3 · 2013-11-26T18:17:52.960

-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 '13 at 18:17

answered Nov 26 '13 at 17:50

John Johnson

12

This does not look like "Javascript" to me. You might be using some library. – engineerX Oct 22 '14 at 20:34
5

@engineerX Probably jQuery – shieldgenerator7 May 12 '16 at 18:11
so this is javascript right? – Võ Minh Sep 26 '18 at 08:52

3 Answers3