Javascript выпадающие списки))
Подскажите, как сделать выпадающий список с ещё полем заблокированным к изменению, которое активируется для заполнения при выборе из списка other
например список:
<option>-- Please specify --</option>
<option>Computation
<option>Student
<option>Other
а то что то я ничего не пойму
например список:
<option>-- Please specify --</option>
<option>Computation
<option>Student
<option>Other
а то что то я ничего не пойму
В списке нельзя ничего редактировать... Поясните подробнее что вам нужно
Цитата: Green2mb
Подскажите, как сделать выпадающий список с ещё полем заблокированным к изменению, которое активируется для заполнения при выборе из списка other
например список:
<option>-- Please specify --</option>
<option>Computation
<option>Student
<option>Other
а то что то я ничего не пойму
например список:
<option>-- Please specify --</option>
<option>Computation
<option>Student
<option>Other
а то что то я ничего не пойму
[HTML]<html>
<head>
<script type="text/javascript">
function func()
{
if (frm.sel.selectedIndex==3)
frm.nam.style.visibility='visible';
else
frm.nam.style.visibility='hidden';
}
</script>
</head>
<body>
<form name='frm'>
<select name='sel' onClick='func()'>
<option>--Please specify--</option>
<option>Computation</option>
<option>Student</option>
<option>Other</option>
</select>
<input type=text name='nam' style='visibility:hidden'>
</form>
</body>
</html>[/HTML]
Не?
Жуткий быдлокод...
Цитата: RussianSpy
Жуткий быдлокод...
А как бы написали вы?
Я не волшебник, я только учусь.
Сначала надо выяснить что имел ввиду автор топика - телепатия занятие неблагодарное, знаете ли... Так что ждем
По-моему, автор имеет в виду что-то типа ComboBox — т. е. с возможность редактирования.
Цитата: RussianSpy
Сначала надо выяснить что имел ввиду автор топика - телепатия занятие неблагодарное, знаете ли... Так что ждем
автор как раз и имел в виду доп. поле, которое будет активироваться при выборе в списке значения other :)
ток koodeer сделал скрывающееся поле, вместо деактивированного =)
[html]<select name="tech" id="techsel" onChange="SelCheck()"><?=$tlist;?>
<option value="0">Новый вид</option>
</select><br>
<div id="hidden1" style="display:none;"><input type="text" name="newtech"></div>[/html]
тоже скрывающееся
<option value="0">Новый вид</option>
</select><br>
<div id="hidden1" style="display:none;"><input type="text" name="newtech"></div>[/html]
Код:
function SelCheck()
{
div=document.getElementById('hidden1');
sel=document.getElementById('techsel');
if (sel.value == 0) div.style.display='block';
else div.style.display='none';
}
{
div=document.getElementById('hidden1');
sel=document.getElementById('techsel');
if (sel.value == 0) div.style.display='block';
else div.style.display='none';
}
тоже скрывающееся
Сделал вот так:
<html>
<head>
<title></title>
</head>
<script language="JavaScript">
function aaaInput(value) {
if(value != "aaa") {
document.getElementById("dis").disabled = "disabled";
} else {
document.getElementById("dis").disabled = "";
}
} ;
</script>
<body>
<select onchange="aaaInput(this.value)">
<option selected="selected" value="please"> ---please specify--- </option>
<option value="second">second</option>
<option value="aaa">other</option>
</select>
<input disabled id="dis">
</body>
</html>
хотя с hidden полем тоже прикольно ))
<html>
<head>
<title></title>
</head>
<script language="JavaScript">
function aaaInput(value) {
if(value != "aaa") {
document.getElementById("dis").disabled = "disabled";
} else {
document.getElementById("dis").disabled = "";
}
} ;
</script>
<body>
<select onchange="aaaInput(this.value)">
<option selected="selected" value="please"> ---please specify--- </option>
<option value="second">second</option>
<option value="aaa">other</option>
</select>
<input disabled id="dis">
</body>
</html>
хотя с hidden полем тоже прикольно ))