Javascript-форум - Выплывающее поле

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Выплывающее поле (https://javascript.ru/forum/dom-window/27130-vyplyvayushhee-pole.html)

Выплывающее поле

Помогите пожалуйста, кто знает!
Страница заказа.
Не очень доходчивые заказчики заполняют все что можно! В результате на почте не разберешься потом. Помогите пожалуйста, если не затруднит.
Нужно чтобы posZhanr, posSlova и posSobitie появлялись только при выборе любого пункта из 100, 200, 300.

<select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posSrok">
<option value="&nbsp">&nbsp</option>
<option value="«100»">«100»</option>
<option value="«200»">«200»</option>
<option value="«300»">«300»</option>
<option value="1 день">1 день</option>
<option value="Неделя">Неделя</option>
<option value="2 недели">2 недели</option>
<option value="Месяц">Месяц</option>
</select>

<div align="left"><label class="p-main" for="posZhanr"><b></b></label>
<select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posZhanr"></div>
<option value="&nbsp">&nbsp</option>
<option value="левый">левый</option>
<option value="правый">правый</option>
<option value="верхний">верхний</option>
<option value="нижний">нижний</option>
</select>

<div align="left"><label class="p-main" for="posSlova"></label>
<input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div>

<div align="left"><label class="p-main" for="posSobitie"></label>
<input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div>

Заранее благодарен.

ну так сделай у нужных "скрываемых" элементов display: none;

а в ChangeText() проверяй this.value.

если 100 или 200 или 300 — то у "скрываемых" элементов display: block;

Цитата:

Сообщение от T-sh (Сообщение 166808)

Спасибо!
Только я не знаю как это сделать. в принципе понятно, только я скрипты не умею писать.(
Напишите если не жалко!)

пока сам попробую разобраться.

Цитата:

Сообщение от Макс3000 (Сообщение 166965)

<script>
function ChangeText(a,b){ 

if((b==="«100»")||((b==="«200»")||(b==="«300»"))){
      document.getElementById('posZhanr').style.display = 'block';
      document.getElementById('posSlova').style.display = 'block';    
      document.getElementById('posSobitie').style.display = 'block';
	  }

..... .....

}
</script>


<style>
#posZhanr, #posSlova, #posSobitie{
display: none;
}
</style>

Цитата:

Сообщение от T-sh (Сообщение 166971)

<script>
function ChangeText(a,b){ 

if((b==="«100»")||((b==="«200»")||(b==="«300»"))){
      document.getElementById('posZhanr').style.display = 'block';
      document.getElementById('posSlova').style.display = 'block';    
      document.getElementById('posSobitie').style.display = 'block';
	  }

..... .....

}
</script>


<style>
#posZhanr, #posSlova, #posSobitie{
display: none;
}
</style>

Спасибо!! сейчас попробую вставить!)

Цитата:

Сообщение от Макс3000 (Сообщение 166978)

Спасибо!! сейчас попробую вставить!)

только замени b на ту переменную, которая изначально принимается в твоей функции ChangeText()

Получилось только скрыть элементы. Спасибо!
Но при выборе 100, 200 или300 не появляется posZhanr, posSlova и posSobitie.

Вот так это выглядит, наверняка я что-то не так сделал. Поправьте.

<script>
function ChangeText(a,b){
if((b==="«100»")||((b==="«200»")||(b==="«300»"))){
      document.getElementById('posZhanr').style.display = 'block';
      document.getElementById('posSlova').style.display = 'block';   
      document.getElementById('posSobitie').style.display = 'block';
      }
</script>
<select  onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok">
  <option value="&nbsp">&nbsp</option>
  <option value="«100»">«100»</option>
  <option value="«200»">«200»</option>
  <option value="«300»">«300»</option>
  <option value="1 день">1 день</option>
  <option value="Неделя">Неделя</option>
  <option value="2 недели">2 недели</option>
  <option value="Месяц">Месяц</option>
</select>

<style>{
<div align="left"><label class="p-main" for="posZhanr"></label>
<select  onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posZhanr"></div>
  <option value="&nbsp">&nbsp</option>
  <option value="левый">левый</option>
  <option value="правый">правый</option>
  <option value="верхний">верхний</option>
  <option value="нижний">нижний</option>
</select>

<div align="left"><label class="p-main"  for="posSlova"></label>
<input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div>

<div align="left"><label class="p-main"  for="posSobitie"></label>
<input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div>
display: none;
}
</style>

Премного благодарен.

на счет и, менял, не получается.

найди в своих скриптах функцию ChangeText() и покажи её :)

конечно не и , а "b".