Autor Zpráva
Anonymní
Profil *
Ahoj

Potřebuji podle toho který checkbox uživatel na stránce zatrhne mu zobrazit jen část položek v selectboxu. Níže uvedený kód nefunguje, poradíte prosím?


function Zobraz_skolu(){
if (document.getElementById('typ_skoly_vs').checked) {
document.getElementById('Vysoka_skola').style.display = 'block';
document.getElementById('id_typ').value = '3';
document.getElementById('sekce_vs').style.display = 'block';
document.getElementById('sekce_vos').style.display = 'none';
document.getElementById('sekce_ss').style.display = 'none';
}
if (document.getElementById('typ_skoly_vos').checked) {
document.getElementById('Vysoka_skola').style.display = 'none';
document.getElementById('id_typ').value = '4';
document.getElementById('sekce_vs').style.display = 'none';
document.getElementById('sekce_vos').style.display = 'block';
document.getElementById('sekce_ss').style.display = 'none';
}
if (document.getElementById('typ_skoly_ss').checked) {
document.getElementById('Vysoka_skola').style.display = 'none';
document.getElementById('id_typ').value = '5';
document.getElementById('sekce_vs').style.display = 'none';
document.getElementById('sekce_vos').style.display = 'none';
document.getElementById('sekce_ss').style.display = 'block';
}
}


<select name="id_sekce" size="1" class="okno_dlouhe" id="id_sekce">
<div id="sekce_vos" style="display:none">
<OPTION VALUE="36" >Vyšší odborné školy</OPTION>
<OPTION VALUE="37" >Vyšší odborné školy ekonomické a právní</OPTION>
<OPTION VALUE="38" >Vyšší odborné školy grafické</OPTION>
<OPTION VALUE="39" >Vyšší odborné školy hotelové a cestovního ruchu</OPTION>
<OPTION VALUE="40" >Vyšší odborné školy humanitní</OPTION>
<OPTION VALUE="41" >Vyšší odborné školy informatické</OPTION>
<OPTION VALUE="42" >Vyšší odborné školy pedagogické</OPTION>

<OPTION VALUE="43" >Vyšší odborné školy technické</OPTION>
<OPTION VALUE="44" >Vyšší odborné školy teologické</OPTION>
<OPTION VALUE="45" >Vyšší odborné školy umělecké</OPTION>
<OPTION VALUE="46" >Vyšší odborné školy zdravotnické</OPTION>
<OPTION VALUE="47" >Vyšší odborné školy zemědělské a lesnické</OPTION>
<OPTION VALUE="48" >Vyšší odborné školy manažerské a podnikatelské</OPTION>
</div>
<div id="sekce_vs" style="display:none">
<OPTION VALUE="17" >Vysoké školy</OPTION>
<OPTION VALUE="18" >Technické vysoké školy</OPTION>

<OPTION VALUE="19" >Ekonomické vysoké školy</OPTION>
<OPTION VALUE="20" >Filosofické vysoké školy</OPTION>
<OPTION VALUE="21" >Humanitní vysoké školy</OPTION>
<OPTION VALUE="22" >Lékařské vysoké školy</OPTION>
<OPTION VALUE="23" >Pedagogické vysoké školy</OPTION>
<OPTION VALUE="24" >Policejní vysoké školy</OPTION>
<OPTION VALUE="25" >Právnické vysoké školy</OPTION>
<OPTION VALUE="26" >Přírodovědné vysoké školy</OPTION>
<OPTION VALUE="27" >Umělecké vysoké školy</OPTION>

<OPTION VALUE="28" >Vojenské vysoké školy</OPTION>
<OPTION VALUE="30" >Stavební vysoké školy</OPTION>
<OPTION VALUE="31" >Zemědělské vysoké školy</OPTION>
<OPTION VALUE="34" >Teologické vysoké školy</OPTION>
<OPTION VALUE="35" >Vysoké školy informatické</OPTION>
<OPTION VALUE="49" >Celoživotní vzdělávání</OPTION>
</div>
<div id="sekce_ss" style="display:none">
<OPTION VALUE="50" >Střední školy</OPTION>
<OPTION VALUE="51" >Gymnázia čtyřleté</OPTION>

<OPTION VALUE="52" >Gymnázia šestileté</OPTION>
<OPTION VALUE="53" >Gymnázia osmileté</OPTION>
<OPTION VALUE="54" >Konzervatoře</OPTION>
<OPTION VALUE="55" >Rodinné a praktické střední školy</OPTION>
<OPTION VALUE="56" >Střední průmyslové školy</OPTION>
<OPTION VALUE="57" >Obchodní akademie</OPTION>
<OPTION VALUE="58" >Střední odborné školy</OPTION>
<OPTION VALUE="59" >Učiliště</OPTION>
</div>

</select>
Eddie
Profil
radsej by som to urobil v php-cku :)
DJ Miky
Profil
Co Ajax + náhrada pro NoJS uživatele..?
peta
Profil
Anonymní
Presne. Jak si poradi uzivatel bez JS?
Jinak je mozne pouzit JS Ajax, kde zustava stejny problem, co bez JS?
A co se tyce konkretne tveho problemu... Udelal bych si pole v JS a vypisoval cely select. Protoze pises nesmysly a pak se divis, ze ti neco nefunguje. Kdyby sis prosel vypsany kod validatorem, tak se dozvis, ze tag SELECT nesmi obsahovat tag DIV a tudiz, jako by tam nebyl pro prohlizec.
http://www.volny.cz/peter.mlich/www.htm#mssub12
(dole je i priklad na selecty a vsechno mozne, co tam s tim delaji)

<select onchange="fff(this[this.selectedIndex].value)"
<option value='ss'>Stredni skoly</option>
...
var aaa = {
'ss':
{
'50':"Střední školy",
'51':"Gymnázia čtyřleté",
'52':"Gymnázia šestileté",
'53':"Gymnázia osmileté",
'54':"Konzervatoře",
'55':"Rodinné a praktické střední školy",
'56':"Střední průmyslové školy",
'57':"Obchodní akademie",
'58':"Střední odborné školy",
'59':"Učiliště"
}
}
a plus funkce fff :)
Toto téma je uzamčeno. Odpověď nelze zaslat.