Здравствуйте, гость ( Вход | Регистрация )
![]() ![]() |
| ArtKuz |
1.7.2010, 7:01
Сообщение
#1
|
|
Поселенец ![]() ![]() Группа: Пользователи Сообщений: 156 Регистрация: 3.11.2007 Пользователь №: 6 776 Репутация: 2 |
Всем привет.
В общем суть такая: Есть форма обратной связи, в ней из выпадающего меню можно выбрать "Тема1" или "Тема2". За нм идет строка для ввода данных. Надо, чтобы при выборе "Тема1" в следущей строке был "Текст1", а при выборе "Тема2" в следующей строке был "Текст2". Вот пример куска кода: Код <tr> <td><label for="subject">Тема</label></td> <td> <select name="subject" id="subject"> <option value="cartridge">Тема1</option> <option value="application">Тема2</option> </select> </td> <td> </td> </tr> <tr> <td><label for="number">Текст1</label></td> <td><input type="text" style="width:200px;" class="validate[required]" name="number" id="number" maxlength="100" value="" /> </td> </tr> <tr> Подскажите пожалуйста как это возможно реализовать. |
| ArtKuz |
19.7.2010, 11:50
Сообщение
#2
|
|
Поселенец ![]() ![]() Группа: Пользователи Сообщений: 156 Регистрация: 3.11.2007 Пользователь №: 6 776 Репутация: 2 |
Жаль, что никто не ответил, но я сам уже разобрался. Если кому интересно, то вот решение:
Код <tr> <script> function changeText(select) { s = $("#subject").attr("value"); if(s == "cartridge") t = "Номер"; if(s == "application") t = "Срок"; $("#numberLabel").text(t); } </script> <td><label for="subject">Тема</label></td> <td> <select name="subject" id="subject" onchange="changeText(this)"> <option value="cartridge">Закончился картридж</option> <option value="application">Произвольная заявка</option> </select> </td> <td> </td> </tr> <tr> <td><label for="number" id="numberLabel">Номер</label></td> <td><input type="text" style="width:200px;" class="validate[required]" name="number" id="number" maxlength="100" value="<?=$post_number?>" /> <img src="images/icon.gif" id="number-info" width="14" height="14" alt="Подробней" /> <script type="text/javascript">$('#number-info').tooltip({delay:0, showURL:false, opacity:1.0, bodyHandler: function() { return $("<img/>").attr("src", "images/sticker-help.jpg");}});</script> </td> <td> </td> </tr> |
| ura ivanovich |
11.8.2011, 14:14
Сообщение
#3
|
|
Турист ![]() Группа: Пользователи Сообщений: 25 Регистрация: 10.6.2009 Пользователь №: 25 115 Репутация: 0 |
Предлагаем услуги по веб программированию сайтов
|
![]() ![]() |
|
Текстовая версия | Сейчас: 22.5.2012, 17:19 |
|