[JS] Waarde vanuit javascript plaatsen in value veld input

dinsdag 13 september 2016 13:25

Acties:

0 Henk 'm!

o_O

Topicstarter

Hallo,

Mogelijk stel ik de vraag verkeerd, maar de antwoorden op internet lijken allemaal het tegenovergestelde te doen.

Ik heb een google api dingetje waarmee ik van google maps de coördinaten van een bepaald punt kan uitlezen. Deze wil ik vervolgens in een database proppen middels een formulier. Er worden nog wat extra gegevens handmatig ingevuld, maar de coördinaten haal ik dus van een google maps kaartje af.

Van dit script heb ik de volgende code die een output genereerd in een div (een stukje ervan, maar het deel dat verwijst naar de div)

code:

<html>
<script type="text/javascript">

function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}

</script>
<body>

<div id="info"></div>
</body>
</html>

Volledige code heb ik hier vandaan

Nu wil ik het in plaats van in een DIV (als losse tekst) dus in een <input> veld plaatsen, maar dat krijg ik niet voor elkaar.

Het internet spreek over dat ik de 'innerHTML' naar 'value' moet veranderen

code:

1
2
3

document.getElementById('info').value
(...)
<input type="text" id="info" value="" />

Maar wat ik er van begrijp is dat meer is om vanuit een input veld de waarde naar javascript te pushen.
Het <input> veld wordt in ieder geval niet voorzien van een waarde.

Iemand die mij een zetje in de goede richting kan geven?

Litebit.eu voorraad check :).

dinsdag 13 september 2016 13:31

Acties:

+1 Henk 'm!

storeman

code:

1
2
3

var fieldValue = document.getElementById('info').value;

document.getElementById('info').value = 'new value';

"Chaos kan niet uit de hand lopen"

dinsdag 13 september 2016 13:42

Acties:

0 Henk 'm!

André

Analytics dude

Bestaat het input veld al wanneer je de waarde probeert te vullen?

dinsdag 13 september 2016 14:16

Acties:

0 Henk 'm!

Ventieldopje

I'm not your pal, mate!

Als je de code uitvoert in de <head> zorg er dan wel voor dat het héle document (body) al geladen is (zie het onload event).

dinsdag 13 september 2016 21:54

Acties:

0 Henk 'm!

XWB

Devver

Dat dus. Je voert nu javascript uit alvorens het input element door de browser gerendeerd is.

Dit in je head:

JavaScript:

1	console.log(document.getElementById('info'));

Zal vermoedelijk null opleveren.

March of the Eagles

vrijdag 23 september 2016 14:01

Acties:

0 Henk 'm!

Fonta

code:

1	$('#info').attr('value', 'off')

Inderdaad zoals gezegd moet je er wel voor zorgen dat je it afroept op een element wat al bestaat.
Dus uitvoeren als de pagina klaar is met laden:

code:

1
2
3

$(function() {
$('#info').attr('value', 'off')
}

[ Voor 3% gewijzigd door Fonta op 23-09-2016 14:02 ]

Vraag

Alle reacties