X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с Html, Выбор тэгом Select
Fabregas
Fabregas
Topic Starter сообщение 1.11.2009, 20:37; Ответить: Fabregas
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 439
Регистрация: 9.1.2009
Из: odessa
Поблагодарили: 112 раз
Репутация:   13  


Собственно проблема мелкая (аж самому стыдно). Прошу помочь, кому не жалко...

Есть список из трех ссылок, которые расположил так:
<form>
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
</select>
<input type="submit" value="Выбрать">
</form>


Выглядит приблизительно так:
Прикрепленное изображение

Нужно чтоб при выборе определенного пункта и нажатии кнопки "Выбрать", пользователь отправлялся по определенной ссылке (в зависимости от выбранного пункта). Думаю, одним html тут не обойдется. Почитал htmlbook.ru, можно прописать параметр action для тега form и как-то назвать каждую опцию, а потом все делать через php скрипт (ума не приложу как). Должен быть проще способ.

Всем заранее спасибо, с меня плюс и "Спасибо". Нуждаюсь в помощи.

Сообщение отредактировал Fabregas - 1.11.2009, 20:37


--------------------
Мои лайфхаки для путешественника и все в таком духе.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Niken
Niken
сообщение 1.11.2009, 20:46; Ответить: Niken
Сообщение #2


Участник
***

Группа: User
Сообщений: 178
Регистрация: 19.4.2009
Из: Кемерово
Поблагодарили: 53 раза
Репутация:   10  


<select name="city" id="city" onChange="georedirect();">
<option value="">Выберите свой город</option>
<option value="http://xxx.ru/novosibirsk.html">Новосибирск</option>
<option value="http://xxx.ru/kemerovo.html">Кемерово</option>
<option value="http://xxx.ru/novokuzneck.html">Новокузнецк</option>
</select>
<script type="text/javascript">
function georedirect(){
location.href=document.getElementById('city').options[document.getElementById('city').selectedIndex].value;
}
</script>
Конкретный рабочий пример) В твоём случае georedirect(); надо повесить на онклик по кнопке

Сообщение отредактировал Niken - 1.11.2009, 20:47


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
diktator
diktator
сообщение 1.11.2009, 21:08; Ответить: diktator
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 459
Регистрация: 26.4.2008
Поблагодарили: 54 раза
Репутация:   7  


ну через javascript это можно сделать, причём легко. Даже без кнопки. Вставить нужно событие onclick и написать код для его обработки. Примерно так:
<form>
<select id="preved">
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
</select>
<input type="submit" value="Выбрать" onclick="f1()">
</form>
<script>
function f1()
{
if (document.getElementById("preved").selectedIndex = 0)
{document.location.href="drugaya-stranica.htm"};
то же самое для второго и третьего пункта (только selectedIndex будет равен 1 и 2)
}
</script>


Сообщение отредактировал diktator - 1.11.2009, 21:11


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SamousPrime
SamousPrime
сообщение 1.11.2009, 22:04; Ответить: SamousPrime
Сообщение #4


Участник
***

Группа: User
Сообщений: 203
Регистрация: 27.5.2009
Поблагодарили: 27 раз
Репутация:   2  


(diktator @ 1.11.2009, 20:08) *
<select onchange="window.location = this.value">
<option selected="selected">Выберите:</option>
<option value="/1">1</option>
<option value="/2">2</option>
<option value="/3">3</option>
</select>


--------------------
http://webferia.ru - сайты (ASP.NET, PHP, различные CMS) и профессиональный графический дизайн по разумным ценам.
ICQ: 476727130.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fabregas
Fabregas
Topic Starter сообщение 2.11.2009, 0:15; Ответить: Fabregas
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 439
Регистрация: 9.1.2009
Из: odessa
Поблагодарили: 112 раз
Репутация:   13  


Всем спасибо smile.gif
Особое спасибо SamousPrime, этим вариантом и воспользовался...

Еще вопрос. Каким образом можно вывести кнопку "Выбрать"?

Сообщение отредактировал Fabregas - 2.11.2009, 0:34


--------------------
Мои лайфхаки для путешественника и все в таком духе.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 2.11.2009, 0:22; Ответить: UncleM
Сообщение #6


Бывалый
****

Группа: Banned
Сообщений: 436
Регистрация: 17.8.2008
Поблагодарили: 157 раз
Репутация:   37  


<option value="URL_страницы"></option>


<select onchange="location.href=this.value"></select>


<input type="button" onclick="location.href=document.getElementById('ID_select_тега').value" value="Выбрать" />


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ghost Bear
Ghost Bear
сообщение 2.11.2009, 14:13; Ответить: Ghost Bear
Сообщение #7


Новичок
*

Группа: User
Сообщений: 10
Регистрация: 29.8.2009
Поблагодарили: 3 раза
Репутация:   1  


А можно еще проще
<form>
<select name="where2go">
    <option value="http://yandex.ru/">Yandex</option>
    <option value="http://google.com/">Google</option>
    <option value="http://rambler.ru/">Rambler</option>
</select>
<input type="submit" onclick="document.location=this.form.where2go.value; return false;" value="Выбрать" />
</form>


Или даже так, без имен элементов формы совсем, но тогда селект должен быть обязательно стоять первым внутри формы и между ним и тегом формы должен быть текст (перенос строки, пробел).
<form>
<select>
    <option value="http://yandex.ru/">Yandex</option>
    <option value="http://google.com/">Google</option>
    <option value="http://rambler.ru/">Rambler</option>
</select>
<input type="submit" onclick="alert(this.form.childNodes[1].value); return false;" value="Выбрать" />
</form>


Первый вариант предпочтительнее

Сообщение отредактировал GhostBear - 2.11.2009, 15:01
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1352 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Вёрстка. Per aspera ad html.
С радостью принимаю заказы по вёрстке.
3 ValeryRar 456 1.12.2017, 11:02
автор: ValeryRar
Открытая тема (нет новых ответов) Исправлю HTML ошибки на страницах Вашего сайта
10 guruapps 1207 30.11.2017, 22:59
автор: maxim1249
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 447 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 699 29.11.2017, 17:27
автор: genjnat


 



RSS Текстовая версия Сейчас: 17.12.2017, 2:48
Дизайн