Kontakt

Przykładowe skrypty:

JavaScript to język skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.

Zobacz również:

LINKI:
Przepisy
Gry dla dzieci

W tym miejscu znajdziesz odnośniki do stron znajomych oraz do stron tematycznie powiązanych z tematyką mojego serwisu.

Skrypt dwa pola select

W momencie wyboru wartości pierwszego selecta, zmienia się zawartość drugiego.

Wstaw funkcję zamiana w sekcji head w znaczniku script

<script type="text/javascript">
function zamiana(wybor)
{
var kolory = new Array ("biały","zielony");
var rozmiar = new Array ("S1","L1","XL1");
if (wybor == "rozmiar") {
var dlugosc = rozmiar.length-1;
document.formularz.elements.drugi.options.length = rozmiar.length;
for (var i=0; i<= dlugosc; i++) {
document.formularz.drugi.options[i] = new Option(rozmiar[i]);
document.formularz.drugi.options[i].value = rozmiar[i];
}
}
if (wybor == "kolory") {
var dlugosc = kolory.length-1;
document.formularz.elements.drugi.options.length = kolory.length;
for (var i=0; i<= dlugosc; i++) {
document.formularz.drugi.options[i] = new Option(kolory[i]);
document.formularz.drugi.options[i].value = kolory[i];
}
}
}
</script>

W sekcji body umieść formularz.

<form name="formularz">
<select name="pierwszy" onChange="zamiana(this.value);" style="width: 150px;">
<option value="kolory">kolory
<option value="rozmiar">rozmiar
</select>
<select name="drugi" style="width: 150px;">
<option value="biały">biały
<option value="zielony">zielony
</select>
</form>

W wyniku działania skryptu zmieniana jest również wartość VALUE poszczególnych pól OPTION.

UWAGA
Po zakodowaniu strony internetowej zawsze sprawdź czy prawidłowo wyświetla się we wszystkich popularnych przeglądarkach internetowych (np.: Internet Explorer, Mozilla Firefox, Opera).




Copyright © Atom 2006