Выпадающие списки

ВЫЕЗД ИЗ УКРАИНЫ • ОФОРМЛЕНИЕ ДОКУМЕНТОВ • БРОНИРОВАНИЕ • ПОМОЩЬ С ТЦК

УСТРАНЕНИЕ КОНКУРЕНТОВ. БЛОКИРОВКА ДОМЕНОВ, БЛОКИРОВКА ИНСТАГРАМ/ТЕЛЕГРАМ И ДРУГОЕ. ПРОВЕРЕННЫЙ СЕЛЛЕР.

НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ

Скрыть

		ANTICHAT > ПРОГРАММИРОВАНИЕ > PHP
Выпадающие списки

Опции темы

Поиск в этой теме

Опции просмотра

Выпадающие списки

09.12.2009, 17:39

SultanOFF

Участник форума

Регистрация: 04.06.2009

Сообщений: 176

С нами: 8913664

Репутация: 0

Выпадающие списки

Здравствуйте. Есть необходимость сделать на сайте с помощью js выпадающие списки. Допустим в первом выпадающем списке человек из вариантов тест1, тест2, тест3 выбирает тест2 появляется еще один выпадающий список. как можно подобное реализовать? какие у кого идеи? Помогите пожалуйста

𝕏 Twitter Reddit Telegram Копировать ссылку

09.12.2009, 19:44

L I G A

Постоянный

Регистрация: 27.07.2008

Сообщений: 614

С нами: 9362947

Репутация: 1196

http://webdesign.site3k.net/?/conjuncture/append/d/menudrop.html

10.12.2009, 06:32

SultanOFF

Участник форума

Регистрация: 04.06.2009

Сообщений: 176

С нами: 8913664

Репутация: 0

решил делать вот так:

Код:

<html>
  <head>
    <script>
      function dis(a, b) {
        a.form.elements[b].disabled = (a.value != 1);
      }
    </script>
  </head>
  <body>
    <form name="form1">
      <select name="sel1" onchange="dis(this, 'sel2')">
        <option value="1">1
        <option value="2">2
        <option value="3">3
      </select>
      <select name="sel2">
        <option value="1">1
        <option value="2">2
        <option value="3">3
      </select>
    </form>
  </body>
</html>

но есть еще одна функция:

Код:

function validate (elem)
{
    var text = elem.value;
    var result = "";
    for ( var i = 0; i < text.length; i++ )
        if ( text.charAt (i) >= "0" && text.charAt (i) <= "9" ) result += text.charAt (i);
    elem.value = result;
}
function imgOpen (n)
{
    document.getElementById ("img").src = "http://site.com/1/" + n.toString() + ".jpg";
    document.getElementById ("img_block").style.display = "block";
}

которая выводит изображения вот так:

Код:

<input type="text" id="img_n" onkeyup="validate (this);" onblur="validate (this);" onchange="validate (this);" />
<input type="button" onclick="imgOpen(document.getElementById ('img_n').value);" value="Показать!" />

и собственно вопрос как сделать чтобы например если в первом селекте выбрано значение 1 то селект2 становится доступным, и если допустим в селект2 выбрано значение 1 то ссылка http://site.com/1/ если выбрано значение 2 то ссылка становится http://site.com/2/ ??? Что то никак понять не могу

10.12.2009, 10:22

Gray_Wolf

Постоянный

Регистрация: 07.03.2009

Сообщений: 357

С нами: 9042754

Репутация: 399

Цитата:

Сообщение от SultanOFF

и собственно вопрос как сделать чтобы например если в первом селекте выбрано значение 1 то селект2 становится доступным

Ну это как я понял вы уже сделали.
Хотя можно сделать это не через [B]elements.disabled, а просто через display='none'

Цитата:

Сообщение от SultanOFF

, и если допустим в селект2 выбрано значение 1 то ссылка http://site.com/1/ если выбрано значение 2 то ссылка становится http://site.com/2/ ??? Что то никак понять не могу

Ну а почему нельзя просто использовать глобальную переменную?

Код:

<script>
var imgDir=0;
//далее функция которая заносит то что выбрали во втором селекте в переменную imgDir
//ну и изменяем фенкцию imgOpen
function imgOpen (n)
{
    document.getElementById ("img").src = "http://site.com/"+ imgDir.toString() +"/" + n.toString() + ".jpg";
    document.getElementById ("img_block").style.display = "block";
}
 </script>

10.12.2009, 13:51

SultanOFF

Участник форума

Регистрация: 04.06.2009

Сообщений: 176

С нами: 8913664

Репутация: 0

Цитата:

//далее функция которая заносит то что выбрали во втором селекте в переменную imgDir

пожалуйста можете привести пример данной функции

10.12.2009, 14:49

Gray_Wolf

Постоянный

Регистрация: 07.03.2009

Сообщений: 357

С нами: 9042754

Репутация: 399

Код:

<html>
  <head>
    <script>
	var imgDir=1;//даём 1-е значение из списка, т.к. ф-ия setPath у нас вызывается только при изменении
      function dis(a, b) {
        a.form.elements[b].disabled = (a.value != 1);
      }
	  function setPath(value) {
		  imgDir=value;
		  alert(imgDir);
	  }
    </script>
  </head>
  <body>
    <form name="form1">
      <select name="sel1" onchange="dis(this, 'sel2')">
        <option value="1">1
        <option value="2">2
        <option value="3">3
      </select>
      <select name="sel2" onchange="setPath(value)">
        <option value="1">1
        <option value="2">2
        <option value="3">3
      </select>
    </form>
  </body>
</html>

Последний раз редактировалось Gray_Wolf; 10.12.2009 в 15:49..

10.12.2009, 16:15

SultanOFF

Участник форума

Регистрация: 04.06.2009

Сообщений: 176

С нами: 8913664

Репутация: 0

спасибо огромное Gray_Wolf Вы Мне очень помогли

10.12.2009, 16:30

Постоянный

Регистрация: 05.12.2004

Сообщений: 647

С нами: 11278406

Репутация: 818

Выпадающие с писки
http://anton.shevchuk.name/wp-demo/jquery-tutorials/accordion1.html

Предыдущая тема Следующая тема

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Списки самых популярных в России паролей	Alstairs	Болталка	27	24.10.2009 14:02
Провайдеры составят черные списки сайтов	jerrri	Мировые новости. Обсуждения.	0	21.10.2009 18:14
Нужны списки id групп вконтакте для спама	mortician	Социальные сети	3	03.03.2009 17:12
Списки проксей (но не CoDeeN)	Thanat0z	Анонимность	1	09.12.2006 22:45

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)

Быстрый переход