Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите написать скрипт (https://javascript.ru/forum/dom-window/42990-pomogite-napisat-skript.html)

sss2019 17.11.2013 18:45

Помогите написать скрипт
 
Здравствуйте. Помогите написать скрипт, который при выборе одного пункта select будет прятать поле input, а при выборе другого, показывать.

Вот select

<select name="author_type">
							<option selected="selected" disabled="disabled"></option>
							<option value="applicant">Соискатель</option>
							<option value="company">Компания</option>
						</select>


а вот это поле надо спрятать и показать

<input class="comment-field" type="text" name="company" placeholder="Название компании" />

Rise 17.11.2013 20:29

<form name="form">
	<select name="author_type" onchange="document.form.company.style.display=(this.value=='company')?'block':'none';">
		<option selected="selected" disabled="disabled"></option>
		<option value="applicant">Соискатель</option>
		<option value="company">Компания</option>
	</select>
	<input class="comment-field" type="text" name="company" placeholder="Название компании" style="display:none;" />
</form>

sss2019 17.11.2013 21:44

Спасибо огромное!!

sss2019 20.11.2013 20:02

А подскажите пожалуйста, как скрыть тег label, что то пробовал подставлять в функцию, но ничего не вышло,

Select имеет те же настройки, и нужно скрыть вот этот блок

<label name="CompanyBlock" style="display: none;"><p>Название организации</p>
					<input class="comment-field" type="text" name="company" value="<?php echo htmlspecialchars($Selected['company'], ENT_QUOTES); ?>" placeholder="Введите название организации..." /></label>

Rise 20.11.2013 20:13

<form name="form">
	<select name="author_type" onchange="document.getElementById('CompanyBlock').style.display=(this.value=='company')?'block':'none';">
		<option selected="selected" disabled="disabled"></option>
		<option value="applicant">Соискатель</option>
		<option value="company">Компания</option>
	</select>
	<label id="CompanyBlock" style="display:none;"><p>Название организации</p><input class="comment-field" type="text" name="company" value="" placeholder="Введите название организации..." /><label>
</form>

sss2019 20.11.2013 20:33

Спасибо!

sss2019 20.11.2013 20:34

Я пробовал getElementByName, но не получилось

ksa 20.11.2013 22:30

Цитата:

Сообщение от sss2019
Я пробовал getElementByName

Нет такого... :no:

Есть getElementsByName()


Часовой пояс GMT +3, время: 18:05.