Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Архивариус Решённые вопросы Выбор пункта с определенным значением |
| Выбор пункта с определенным значением |
|
Как сделать, что бы при выборе пункта из списка выскакивает определенная почтовая форма???
Вот для списка такой код Код <tr><td>Выберите пункт</td><td><select size="1" name="f4"><option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option></select></td></tr> Так как же сделать, что бы при выборе пункта 1 появлялась почтовая форма 1, при выборе пункта 2 - почтовая форма 2 и так далее??? Добавлено (30 Июн 2013, 15:39:34) --------------------------------------------- Или если я поставлю код <SELECT> как условие правильно сделать? Сообщение отредактировал webanet - Воскресенье, 30 Июн 2013, 17:21:50
|
|
Александр-др, вам что-то наподобие нужно? http://www.javascriptkit.com/script/script2/combodescrip1.shtml
вот простая форма реализации которую нужно подогнать под нужды Код <script type='text/javascript'> <!-- function showhideBlocks(val){ document.getElementById('a1').style.display='none'; document.getElementById('a2').style.display='none'; document.getElementById('a3').style.display='none'; document.getElementById('a'+val).style.display='block'; } --> </script> <style type='text/css'> #a1,#a2,#a3{display:none} </style> </head> <body> <select name="items" onchange="showhideBlocks(this.value)"> <option value="0">Выбрать почтовую форму</div> <option value="1">почтовая форма один <option value="2">почтовая форма два <option value="3">почтовая форма три </select> <div id="a1">я почтовая форма один</div> <div id="a2">я почтовая форма два</div> <div id="a3">я почтовая форма три</div> |
|
Для примера. Формы будут в аяксе:
Код <script type="text/javascript"> function openchat(){new _uWnd('chat','Название',300,100, {align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#chat").html() )} </script> <div style="display:none;" id="chat">$MFORM_2$</div> <script type="text/javascript"> function openchat1(){new _uWnd('chat1','Название',300,100, {align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#chat1").html() )} </script> <div style="display:none;" id="chat1">$MFORM_3$</div> <SELECT NAME="sel"> <option value="1" disabled="disabled" selected="selected" class="size_select">Почтовые формы</option> <option value="href="javascript:;" onclick="openchat();"> Почтовая 1</option> <option value="href="javascript:;" onclick="openchat1();"> Почтовая 2</option> </select>  Прикрепления:
0566177.jpg
(46.6 Kb)
|
|
webanet, Да, только там, при выборе пункта выскакивает текст, а как сделать, что бы выскакивала почтовая форма??? просто js для меня сущий Ад....
Код <center> <form name="combowithtext"> <select name="example" size="1" onChange="showtext()"> <option value="http://www.cnet.com">Cnet</option> <option value="http://www.cnn.com">CNN</option> <option value="http://www.geocities.com">Geocities</option> </select> <br> <textarea rows=5 cols=21 wrap="virtual" name="text"></textarea> <script language="javascript"> <!-- /* Combo box with description credit- By JavaScript Kit (www.javascriptkit.com) Over 200+ free script here! */ var shortcut=document.combowithtext var descriptions=new Array() //extend this list if neccessary to accomodate more selections descriptions[0]="Click here for Cnet, the primer technology site on the net!" descriptions[1]="Click here for CNN, one of the best sources online to get your news." descriptions[2]="Click here for Geocities, and receive 10 megs of free web space." shortcut.text.value=descriptions[shortcut.example.selectedIndex] function gothere(){ location=shortcut.example.options[shortcut.example.selectedIndex].value } function showtext(){ shortcut.text.value=descriptions[shortcut.example.selectedIndex] } //--> </script> </form> </center> код вот |
|
Александр-др, вот готовое более легкое
Код <script type='text/javascript'> <!-- function showhideBlocks(val){ document.getElementById('a1').style.display='none'; document.getElementById('a2').style.display='none'; document.getElementById('a3').style.display='none'; document.getElementById('a'+val).style.display='block'; } --> </script> <style type='text/css'> #a1,#a2,#a3{display:none} </style> </head> <body> <select name="items" onchange="showhideBlocks(this.value)"> <option value="0">Выбрать почтовую форму</div> <option value="1">почтовая форма один <option value="2">почтовая форма два <option value="3">почтовая форма три </select> <div id="a1">$MFORM_1$</div> <div id="a2">$MFORM_2$</div> <div id="a3">$MFORM_3$</div> |
|
webanet, Спасибо))))
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!