selectbox disabled/enabled
selectbox disabled/enabled
Caute, potreboval by som jednoduchy javascript. Takze mam dva selectboxy a potrebujem spravit, ze ak bude value v prvom selectboxe rovne napr. "lama", tak sa selectbox 2 stane enabled, inac je stale disabled. Diky moc...
Kód: Vybrať všetko
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
<!--
function check(form)
{
var form = document.getElementById("myForm")
form.sb2.disabled = form.sb1.options[form.sb1.selectedIndex].text != "lama";
}
// -->
</script>
</head>
<body onload="check();">
<form id="myForm">
<select name="sb1" size="0" onchange="check();">
<option value="lama">lama</option>
<option value="chrono">chrono</option>
</select>
<select name="sb2" size="0" disabled>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
</body>
</html>Vyskúšaj toto (momentálne nemám spustený Windows, takže to nemôžem vyskúšať ja):
Kód: Vybrať všetko
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
<!--
function check(form)
{
var sb1 = document.getElementById("sb1");
var sb2 = document.getElementById("sb2");
sb2.disabled = sb1.options[sb1.selectedIndex].text != "lama";
}
// -->
</script>
</head>
<body onload="check();">
<form>
<select id="sb1" name="sb1" size="0" onchange="check();">
<option value="lama">lama</option>
<option value="chrono">chrono</option>
</select>
<select id="sb2" name="sb2" size="0" disabled>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
</body>
</html>Takže toto by už malo fungovať:
Kód: Vybrať všetko
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
<!--
function check(form)
{
var sb1 = document.getElementById("sb1");
var sb2 = document.getElementById("sb2");
sb2.disabled = sb1.options[sb1.selectedIndex].value != "lama";
}
// -->
</script>
</head>
<body onload="check();">
<form>
<select id="sb1" name="sb1" size="0" onchange="check();">
<option value="lama">lama</option>
<option value="chrono">chrono</option>
</select>
<select id="sb2" name="sb2" size="0" disabled>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
</body>
</html>