Autor Zpráva
Michall
Profil *
Zdravím,
potřeboval bych poradit jak udělat, že po výběru jakehokoliv ze dvou optionů ze selectu se mi skryje část webu:
takhle to vypada:

<td>&nbsp;&nbsp;&nbsp;
<select name="tarif">
<option selected="selected" value="D01d">Optimum 24 jednotarif | D01d</option> <!-- pri vyberu tohodle -->
<option value="D02d">Optimum 24 jednotarif | D02d</option> <!-- nebo pri vyberu tohodle -->
<option value="D25d">Optimum AKU 8 dvoutarif | D25d</option>
<option value="D26d">Optimum AKU 8 dvoutarif | D26d</option>
<option value="D35d">Optimum AKU 16 dvoutarif | D35d</option>
<option value="D45d">Optimum Přímotop dvoutarif | D45d</option>
<option value="D55d">Optimum TČ 22 dvoutarif | D55d</option>
<option value="D56d">Optimum TČ 22 dvoutarif | D56d</option>
</select>
</td>

mělo by se skrýt tohle:
<tr>
<td>&nbsp;&nbsp;&nbsp;&nbsp;Spotřeba NT</td>
<td><input type=text style="width:100px; height:20px;" id="spotrebaNT001" name="spotrebaNT"/></td>
<td>MWh</td>
</tr>

dík
Sir Tom
Profil
Michall:
Také zdravím,
použij JavaScript. Do selectu přidej událost onchange, která zavolá funkci, kde bude podmínka, která zjišťuje, který option je vybrán. Pokud bude vybrán option s value D01d nebo D02d, tak se řádek <tr> skryje (dostane css styl s display: none;)
Michall
Profil *
jo super, dík za tip
Michall
Profil *
vyřešil jsem to tahle:
<script type="text/javascript">
window.onload = modifyform;

function modifyform() {
var sel = document.forms[0].tarif;
var typ = sel.options[sel.selectedIndex].value;

var visible;
if(navigator.appName == 'Microsoft Internet Explorer') { /* jen pro IE */
visible = 'block';
}
else { /* ostatni prohlizece */
visible = 'table-row';
}

if(typ == 'D01d') {
document.getElementById('tr_polozka').style.display = 'none';
}
else if (typ == 'D02d') {
document.getElementById('tr_polozka').style.display = 'none';
}
else if (typ == 'D25d') {
document.getElementById('tr_polozka').style.display = visible;
}
else if (typ == 'D26d') {
document.getElementById('tr_polozka').style.display = visible;
}
else if (typ == 'D35d') {
document.getElementById('tr_polozka').style.display = visible;
}
else if (typ == 'D45d') {
document.getElementById('tr_polozka').style.display = visible;
}
else if (typ == 'D55d') {
document.getElementById('tr_polozka').style.display = visible;
}
else if (typ == 'D56d') {
document.getElementById('tr_polozka').style.display = visible;
}
}

</script>

<td>&nbsp;&nbsp;&nbsp;
<select name="tarif" onchange="javascript:modifyform();">
<option selected="selected" value="D01d">Optimum 24 jednotarif | D01d</option> <!-- pri vyberu tohodle -->
<option value="D02d">Optimum 24 jednotarif | D02d</option> <!-- nebo pri vyberu tohodle -->
<option value="D25d">Optimum AKU 8 dvoutarif | D25d</option>
<option value="D26d">Optimum AKU 8 dvoutarif | D26d</option>
<option value="D35d">Optimum AKU 16 dvoutarif | D35d</option>
<option value="D45d">Optimum Přímotop dvoutarif | D45d</option>
<option value="D55d">Optimum TČ 22 dvoutarif | D55d</option>
<option value="D56d">Optimum TČ 22 dvoutarif | D56d</option>
</select>
</td>

<tr id="tr_polozka">
<td>&nbsp;&nbsp;&nbsp;&nbsp;Spotřeba NT</td>
<td><input type=text style="width:100px; height:20px;" id="spotrebaNT001" name="spotrebaNT"/></td>
<td>MWh</td>
</tr>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0