Spremeni možnost

Koda:	<head> <script type="text/javascript"> function spremeni() { var x=document.getElementById("mojaIzbira") sad=document.getElementById("sadje").value x.options[x.selectedIndex].text=sad } </script> </head> <body> <form> Izberi sadje: <select id="mojaIzbira"> <option>Jabolko</option> <option>Banana</option> <option>Ananas</option> <option>Limona</option> </select> <input type="text" value="Sadje" id="sadje" /> <input type="button" onclick="spremeni()" value="Spremeni besedilo za izbrano sadje" /> </form> </body>
Izgled v brskalniku:	Izberi sadje:
Razlaga:	Obrazec sestavljajo en izbirni seznam - select, vnosno okence in gumb. Ob pritisku na gumb se izbrana vrednost v izbirnem seznamu zamenja z vrednostjo okenca. Gumb pokliče funkcijo `spremeni()` brez parametrov. Ta nato spremeni vrednosti. In sicer dobi spremenljivka sad vrednost okenca (`sad=document.getElementById("sadje").value`), izbrana možnost pa vrednost sad (`x=document.getElementById("mojaIzbira"); x.options[x.selectedIndex].text=sad`). Ob osvežitvi strani se vrednosti seveda resetirajo, saj se obrazec na novo naloži.