JavaScript to język skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.
Zobacz również:
LINKI:
Mieszkania
Przepisy
|
International Phone Cards International Phone Cards www.phonecardsmile.… |
|
potencja potencja www.potency.pl |
|
Drzwi Entra - drzwi drewniane producent www.entra.com.pl |
|
Skutery Skutery, Forum, Katalog, Artykuły skuterek.com |
|
GPS Systemy GPS www.xtrack.pl |
|
sony ericsson forum sony ericsson www.se24.pl |
|
Apteka Internetowa Największa Apteka Internetowa www.domzdrowia.pl |
|
Efect doradztwo finansowe efect doradztwo finansowe www.doradztwoinwest… |
|
Projekty Domów Ogromny wybór projektów www.vdom.pl |
|
Śmieszne filmy foty zdjęcia Śmieszne filmiki, Kabarety wsypa.pl |
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