Технический форум

Технический форум (http://www.tehnari.ru/)
-   Форум программистов (http://www.tehnari.ru/f22/)
-   -   Создаю выпадающий список в HTML (http://www.tehnari.ru/f22/t34884/)

Stanislav 06.04.2010 16:35

Создаю выпадающий список в HTML
 
СОздаю форму для внутреннего пользования для торговых отделов. Вот фрагмент кода страницы:

<table border="0" cellpadding="5" cellspacing="5" align="center">
<tr><td valign="top">Торговая точка <span style='color:red'><b>*</b></span>:</td><td valign="top">
<select name="38" style="width: 350px">
<option value="no">-- выбор элемента --
<option value="121">ВК
<option value="122">Гаспра
<option value="123">Героев Сталинграда
<option value="124">Гурзуф
<option value="125">Лучезарный
<option value="125">Медея
<option value="126">Мисхор
<option value="127">Партенит
<option value="128">ТНУ
<option value="128_1">Форос
</select></td></tr>
<tr><td valign="top">Вид работ <span style='color:red'><b>*</b></span>:</td><td valign="top">
<select name="39" style="width: 350px">
<option value="no">-- выбор элемента --
<option value="129">Чашка Белая
<option value="130">Чашка Цветная
<option value="131">Чашка Магическая
<option value="132">Чашка Детская
<option value="133">Чашка Кофейная
<option value="134">Пивной Бокал
<option value="135">Тарелка
<option value="136">Футболка Мужская
<option value="137">Футболка Женская
<option value="138">Детский Слюнявчик
<option value="139">Пазл- Мозаика
<option value="140">Коврик под мышь
<option value="141">Воздушный шар
<option value="142">Мягкая Игрушка
<option value="143">Металлическая Пластина
</select></td></tr>

Как сделать так, чтобы при выборе "Чашка Цветная", открывался еще один список, в котором буду перечислены доступные цвета??

Long Cat 06.04.2010 17:03

Вам нужно использовать Java Script.

Stanislav 06.04.2010 17:48

А существуют ли готовые скрипты? И где их можно найти, если есть? Я когда-то встерчал в сети описание такой проблемы, там вроде бы говорили, что это можно решить силами HTML...

Stanislav 06.04.2010 19:11

Да, я согласен, но сайт уже написан на HTML, причем писал с нуля... теперь нужно немного дополнить... поэтому, хотелось бы закончить начатым языком...

Eli 06.04.2010 20:09

Вложений: 1
Станислав , ты планируешь это меню так и оставить?
каждое название в списке ,куда ведет ? на другую страницу?

так как вот пример того что может сработать думаю.
дать в место номера страницы , имя страницы с окончанием ( как помечено красным )

<p>название :
<select name="menu" onchange="window.location=value;">
<option selected value="http://test.html"> название
</select>и тогда при выборе - нажатие перенесет на другую страницу ( к примеру Чашка Цветная где можно продолжить работать ( вставить )с тем же кодом или с твоим которым ты работаешь.



не большой пример Вложение 10615 - но только распакуй сначала. + там просто пере направление сделано без дополнительных страниц

Stanislav 06.04.2010 20:42

Спасибо за пример! А вот можно сделать чтобы вместо другой страницы на тойже появлялся еще один выпадающий список? Ведь как то можно сделать привязку к каждой позиции выпадающего списка.
Вот когда-то был такой пример:
<select name="City" id="City">
<option value="select">Выберите город</option>
<option value="Simferopol">Симферополь</option>
<option value="Sevastopol">Севастополь</option>
<option value="Yalta">Ялта</option>
<option value="Alushta">Алушта</option>
<option value="Feodosia">Феодосия</option>
<option value="Sudak">Судак</option>
<option value="Evpatoria">Евпатория</option>
<option value="Saki">Саки</option>
</select>
<select name="Newspaper" id="Newspaper">
<option class="select" value="select">Выберите газету</option>
<option class="Simferopol" value="VDV">Все для всех</option>
<option class="Simferopol" value="Soroka">Сорока</option>
<option class="Simferopol" value="Svoia gazeta">Своя газета</option>
<option class="Simferopol" value="VG">Вечерний город</option>
<option class="Yalta" value="YaKur">Ялтинсикй курьер</option>
<option class="Simferopol" value="Teleskop">Телескоп</option>
<option class="Simferopol" value="TeleNed">ТелеНеделя</option>
</selecНо в нем тоже что-то не так...не работает он....((

Eli 06.04.2010 20:49

новый список на этой же странице?

тут думаю что как сказал Long Cat через скрипты .

или создать дополнительные страницы - идентичные первой. - где каждый код просто откроет следующий.


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


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

Powered by vBulletin® Version 4.5.3
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.