Autor Zpráva
davchy
Profil
Dobrý den, poraďte mi někdo prosím, nejsem nijak moc znalý, jak dosáhnout tohoto:
Formulář FORM1 má select SEL1 hodnota1; hodnota2 a inputy 1A;2A;3A;1B;2B;3B.
Při výběru v SEL1 hodnota1 se mají zobrazit inputy xA a mají být povinné; inputy xB mají být skryté a nepovinné.
Při výběru v SEL1 hodnota2 se mají zobrazit inputy xB a mají být povinné; inputy xA mají být skryté a nepovinné.

Moc děkuji
joejoe
Profil *
ja bych to zkusil priblizne takhle:

<script type="text/javascript">
function showIfEqual(name, name2) {
// tato funkce skryje polozku s id="name" pokud se name nerovna name2
if (name == name2) {
document.getElementByID(name).style.display='block';
} else {
document.getElementByID(name).style.display='none';
}
}

function showOnly(name) {
showIfEqual("1A", name);
showIfEqual("2A", name);
// tady je seznam polozek ktere se maji skryt
}
</script>

<form>

<select name="SEL1" onchange="showOnly(this.value)">
<option value="1A">jedna A</option>
<option value="2A">dva A</option>
</select>
<div id="1A">
1A:
<input type="text" name="test" value="jedna A" />
<input type="text" name="test2" value="jedna A" />
</div>

<input type="text" id="2A" name="zkouska" value="toto je text v 2A" />

</form>
davchy
Profil
Díky, trochu jsem si s tím hrál, ale nerozchodil jsem to, všechny inputy se zobrazují vždy, bez interakce se selectem :(
Toto téma je uzamčeno. Odpověď nelze zaslat.