0
Я создаю одну форму в html используя таблицу. У одного из них есть два значения: 1. Профессор, 2. Библиотекарь. Теперь каждое значение имеет разные поля формы. Если я выберу «Профессор», будут показаны разные поля, и если я выберу «Библиотекарь», отобразятся разные поля.Загрузить html-форму на основе значения Dropdown?
Может кто-нибудь сказать мне, как я могу это сделать ??
<table width="435" border="0">
<tr> <td>VIsit Date </td> <td><input type="text" name="textfield" /></td></tr>
<tr> <td>Last Visit Date </td> <td><input type="text" name="textfield2" /></td></tr> <tr> <td>Call Type </td>
<td>
<select name="title" size="1">
<option value ="Pro"> Professor </option>
<option value ="Lib"> Librarian </option> </select>
</td>
</tr>
</table>
Можете ли вы вставить свой код? – Angel
<Таблица ширина = "435" граница = "0">
Вы обязаны использовать чистый javascript и таблицы или вы открываете для других решений, например, используя jQuery и divs? – Angel
ответ
Вот как это сделать в jquery, забудьте нормальный javascript.
Jquery КОД (PUT ЭТА в головной части)
Назначить поле выбора идентификатор:
Затем вам нужно сделать различные формы для различных выборов. вот так.
Должно работать следующим образом.
источник
2012-06-19 08:37:51
Я пробовал вышеуказанный код, но его не работает. Показывается только капля с опцией 1 option2, но после выбора ничего не произошло? – gauravoli
Хммм. Я забыл закрытие, но у него все еще есть небольшая ошибка, которая должна быть исправлена. Я написал это в спешке и имел много собственного кода, чтобы сосредоточиться, но я заработаю. –
Пожалуйста, дайте мне знать, как это исправить? – gauravoli
Попробуйте это:
Если у вас есть только два варианта в раскрывающемся списке, первая форма будет видна, а вторая будет скрыта (дисплей: нет;). И на смену они получат свою видимость.
Несколько пунктов забыли упомянуть: 1. У вас есть обработчик событий внутри документа. 2. Имейте в виду, что в css 'visibility' и 'display' различны. Даже если бы я сказал видимость, я имел в виду дисплей. jQuery show(), hide(), toggle() изменяет отображение css. Разница между «видимостью: скрытой» и «отображать: нет» заключается в том, что с видимостью невидимые элементы по-прежнему занимают место на странице.
источник
2012-06-19 09:02:41 Angel
Смежные вопросы