Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Промяна на <SELECT>

Последователи

14 юли 200917 г.

Здравейте на всички и поздрави от все сърце. Закъсах с едно нещо. Опитвам се да направа един селект с 2 обекта. Ако е избран един обект да ми изведе едно текстово поле в което да пише примерно "тест", а ако е избран 2-рия обект да ми изведе празно текстово поле за въвеждане на информация. т.е. нещо от сорта на:

<select name="test">

<option value="11">test11</option>

<option value="22">test22</option>

</setect>

Благодаря ви много. :clap:

17 юли 200917 г.

<script>

function changeIt(o)

{

  var p1 = o.selectedIndex;

  var p2 = (p1 == 1 ? 2 : 1);


  // hide unused panel

  var panel = document.getElementById('pane'+p2);

  panel.style.display = 'none';


  // show used panel

  panel = document.getElementById('pane'+p1);

  panel.style.display = 'block';

}

</script>

<select name="test" onchange='changeIt(this)'>

<option value="0">-- Select --</option>

<option value="11">test11</option>

<option value="22">test22</option>

</setect>


<div><!-- container -->


  <div id='pane1' style='display:block;'>

	Panel 1

  </div>


  <div id='pane2' style='display:none;'>

	Panel 2

  </div>


</div>

23 юли 200917 г.

Автор

<script>

function changeIt(o)

{

  var p1 = o.selectedIndex;

  var p2 = (p1 == 1 ? 2 : 1);


  // hide unused panel

  var panel = document.getElementById('pane'+p2);

  panel.style.display = 'none';


  // show used panel

  panel = document.getElementById('pane'+p1);

  panel.style.display = 'block';

}

</script>

<select name="test" onchange='changeIt(this)'>

<option value="0">-- Select --</option>

<option value="11">test11</option>

<option value="22">test22</option>

</setect>


<div><!-- container -->


  <div id='pane1' style='display:block;'>

	Panel 1

  </div>


  <div id='pane2' style='display:none;'>

	Panel 2

  </div>


</div>

Благодаря много.