Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: невидимые строки
 
 автор: arny   (19.02.2006 в 20:00)
 
 

в форме имеется <select> и несколько опций .
подскажите, как сделать, чтобы при выборе определенной опции
из select, открывалось дополнительное поле (например поле <input> или какая-то строка <tr>, которое не видно, если
выбрана другая опция

   
 
 автор: codexomega   (19.02.2006 в 21:02)   письмо автору
 
   для: arny   (19.02.2006 в 20:00)
 

Вроде вам это должно помочь.
Меняйте стиль вашего поля при выборе из селекта.

style="display:block;" 
style="display:none;"

   
 
 автор: arny   (24.02.2006 в 22:23)
 
   для: codexomega   (19.02.2006 в 21:02)
 

подскажите пожалуйста как это сделать?) как поменять стиль при выборе, меня в общем это и интеерсует)

   
 
 автор: Sergey89   (24.02.2006 в 22:30)   письмо автору
 
   для: codexomega   (19.02.2006 в 21:02)
 

немного не правильно. инпут - это замещаемый строчный элемент, значит

style="display:inline;" 
style="display:none;" 

   
 
 автор: 12345   (24.02.2006 в 22:47)   письмо автору
 
   для: Sergey89   (24.02.2006 в 22:30)
 

<select ... onchange=document.all.in1.style.display='inline';>

...
<input id=in1 style=display:none ... >

   
 
 автор: codexomega   (24.02.2006 в 22:53)   письмо автору
 
   для: Sergey89   (24.02.2006 в 22:30)
 


<script language="javascript">
function hideBlock(list){
    var selection = list.selectedIndex;
    //alert(list.options[selection].value);
    if(list.options[selection].value == "s2")
        document.form1.name.style.display="none";
          else if(list.options[selection].value == "s3")
                   document.form1.name.style.display="inline";
}
</script>



<form name = "form1" >
   <input type="text" name = "name">
   <select name = "combobox" onchange="hideBlock(this)">
      <option selected value="s1">S1</option>
      <option value="s2">S2</option>
      <option value="s3">S3</option>
   </select>
</form>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования