DOM Events

Frenske123 · 29 nov 2016

Hallo,

Ik heb volgende, zodat datum van input 1 naar input 2 wordt gekopieerd.

HTML:

 <script type="text/javascript">
                  function copydatum(f) {
                      f.toDate.value = f.fromDate.value; 
                  }
				 </script>

1e input

HTML:

<input  onchange="copydatum(this.form)"    type="text" name="fromDate" value=""  />

2e input:

HTML:

<input     type="text" name="toDate" value=""  />

Alleen onchange is niet wat ik wil, wel mouseover, of misschien onfocus afh, van resultaat, zelf weet ik dit niet goed aan te passen.

http://www.w3schools.com/js/js_htmldom_events.asp

edit:
onchange veranders in
onMouseOver werkt nu , ook onfocus

bron · 29 nov 2016

Met een event listener

Code:

<input id="input1" type="text" name="fromDate" value="" />
<input id="input2" type="text" name="toDate"   value="" />
<script type="text/javascript">
var Input1 = document.getElementById('input1');
Input1.addEventListener("input", function(evt) {
  document.getElementById('input2').value = this.value;
}, false);
</script>

Elke wijziging in input 1 wordt direct naar input 2 gekopieerd.
In plaats van het "input" event zijn er andere events. Kijk bij focus, keyboard en mouse voor de benaming van andere events.

** edit
Met een disabled op input 2 blijven de velden altijd identiek.

Code:

<input id="input2" type="text" name="toDate"   value="" disabled />

Suc6. Have fun.

Frenske123 · 29 nov 2016

Beste Bron,
Bedankt voor je hulp.

DOM Events

Frenske123

Terugkerende gebruiker

bron

Moderator

Frenske123

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy