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. Praca Kraków Autogiełda
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