JavaScript: Как заставить <SELECT> быть видимым или наоборот?.....

bovkun · 13 Окт 2003

JavaScript: Как заставить <SELECT> быть видимым или наоборот?.....

Как сделать так, чтобы "select2" отображался только в случае , если в "select1" будет value="1", а если нет, то просто пустое место отображалось ?? Оч надо, Поможите хто чем может, плизз

PHP:

<form name="form1" method="post" action="">
  <select name="select1">
    <option value="1">СНГ</option>
    <option value="2">Другие страны</option>
  </select>
  <select name="select2">
    <option value="A">Россия</option>
    <option value="B">Украина</option>
    <option value="C">Другие ...</option>
  </select>
</form>

Romantik · 13 Окт 2003

По событию OnChange первого вып. меню (select1)
запускаешь JS проверку
if (document.form1.select1.value!=1)
{
document.form1.select2.disabled= true
}

lanka · 13 Окт 2003

Если вы хотите, чтобы второй селект был именно невидим, а не просто disabled, как в предыдущем примере, воспользуйтесь свойством visibility:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/visibility.asp
и по событию onChange в зависимости от ситуации меняете select2.style.visibility на visible или hidden.

Romantik · 13 Окт 2003

А можно его вообще по событию показывать или не показывать, но нужна перегрузка страницы.

Geol · 13 Окт 2003

<form name="form1" method="post" action="">
<select name="select1" OnChange="document.all.select2.style.visibility ='visible'" >
<option value="1">СНГ</option>
<option value="2">Другие страны</option>
</select>
<select name="select2" style="visibility:hidden" >
<option value="A">Россия</option>
<option value="B">Украина</option>
<option value="C">Другие страны ...</option>
</select>
</form>

bovkun · 13 Окт 2003

Всем спасибо! Все работает чудненько и именно так, как хотелось:

...
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>
<form name="form1" method="post" action="">
<select name="select1" OnChange='TestA()'>
<option value=""> </option>
<option value="1">СНГ</option>
<option value="2">Другие страны</option>
</select>
<select name="select2">
<option value=""> </option>
<option value="A">Россия</option>
<option value="B">Украина</option>
<option value="C">Другие ...</option>
</select>
</form>
</body>
...

ну или ...

if (document.form1.select1.value!=1)
{
document.form1.select2.disabled= true
}
else
{
document.form1.select2.disabled= false
}

JavaScript: Как заставить <SELECT> быть видимым или наоборот?.....

bovkun

Новичок

Romantik

TeaM PHPClub

lanka

Новичок

Romantik

TeaM PHPClub

Geol

Пациент

bovkun

Новичок