waarde uit dropdown selectie wegschrijven in input veld

[alphalpha]

Ik ben op zoek naar de javascript code om een waarde van een dropdown list weg te schrijven naar een input element.

<label>Input: </label><input type="text" name="inputveld" size="20" maxlength="30"/>

Daarnaast staat een dropdown list.

<select name="selectbox" onchange="....')">
<option>Kies een waarde</option>
<option value="1234">Amsterdam</option>
<option value="0202">Rotterdam</option>
<option value="5478">Utrecht</option>
<option value="8965">Den Haag</option>
<option value="1111">Zwolle</option>
</select>

Als in de dropdown een keuze wordt gemaakt moet de waard van het attribute value van de gekozen option in het input veld worden weggeschreven.
Wat is de javascript code om dit te realiseren.

 

[Egel]

Bijvoorbeeld zo:

<form>
<label>Input: </label><input type="text" name="inputveld" size="20" maxlength="30" readonly />

<select name="selectbox" onchange="document.forms[0].inputveld.value = this.options[this.selectedIndex].value">
<option value="">Kies een waarde</option>
<option value="1234">Amsterdam</option>
<option value="0202">Rotterdam</option>
<option value="5478">Utrecht</option>
<option value="8965">Den Haag</option>
<option value="1111">Zwolle</option>
</select>
</form>

Er moet wel een form tag omheen, en ik heb in dit voorbeeld het inputveld readonly gemaakt zodat je je het alleen met de select kunt invullen.


Vr.Gr. Egel.

 

[alphalpha]

Hallo,

Bedankt voor je reactie, het werkt precies zoals bedoeld.
Nu moet ik nog even uitzoeken hoe ik ervoor zorg dat de waarde ook bewaard wordt in een cookie.