На этом месте находится расчудесная шапка. Включите flash - не пожалеете!

Новости форума

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Замена слова при заполнение формы
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>&nbsp;</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?>" />&nbsp;<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>&nbsp;</td>
      </tr>
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ura ivanovich
сообщение 11.8.2011, 14:14
Сообщение #3


Турист
*

Группа: Пользователи
Сообщений: 25
Регистрация: 10.6.2009

Пользователь №: 25 115



Репутация:   0  


Предлагаем услуги по веб программированию сайтов


оптимизация и создание веб-сайта лечение грибка
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Ответить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 22.5.2012, 17:19
Rambler's Top100 Яндекс цитирования