Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2010, 22:30
Новичок на форуме
Отправить личное сообщение для Gloomy Посмотреть профиль Найти все сообщения от Gloomy
 
Регистрация: 20.09.2010
Сообщений: 3

как связать выпадающий список и ссылку ?
Не могу сделать следующее:
у меня есть выпадающий список с (одним из) значений "server1" "server2" и т.д.

<script language ="JavaScript">
<!--
function selChange(seln) {
selNum = seln.serv.selectedIndex;
Isel = seln.serv.options[selNum].text;
alert("Выберите server: "+Isel);
}
//-->
</script>

<form>
Выберит:
<select name="server" onChange="selChange(this.form)">
<option>server1
<option>server2
</select>
</form>


и далее чтоб было

ww.test.ru\test\ нужная переменная из списка SERVER1 \test.


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

Как это доделать?

заранее спасибо!

Последний раз редактировалось Gloomy, 20.09.2010 в 22:46.
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2010, 22:48
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

<!--
//-->
А это зачем? Чтобы браузер, который не знает js код не выдал? Все как дедушка учил?
А по теме: о какой ссылке идет речь? И на что по-твоему ссылается this.form??? Да и вообще, перефразируй все - ничего непонятно!!!
Ответить с цитированием
  #3 (permalink)  
Старый 20.09.2010, 22:58
Новичок на форуме
Отправить личное сообщение для Gloomy Посмотреть профиль Найти все сообщения от Gloomy
 
Регистрация: 20.09.2010
Сообщений: 3

В ссылке есть динамический элемент (текст) который меняется в зависимости от выбора из выпадающего меню.

ссылка типа

ww.test.ru/server1/***.

как склейть выбор из выпадающего списка, с ссыкой (переменная находится в середине ссылки)
Ответить с цитированием
  #4 (permalink)  
Старый 20.09.2010, 23:12
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

ОК. А this.form - это что? И вот эти потуги к чему:
selNum = seln.serv.selectedIndex;
Isel = seln.serv.options[selNum].text;
???
Скрипт-то на две строчки:
<form>
Выберит:
<select name="server" onChange="selChange(this.value)">
<option>server1</option>
<option>server2</option>
</select>
</form>
<script>
function selChange(seln) {
  var href = 'www.test.ru/test/' + seln + '/test'
  alert(href)
}
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 20.09.2010, 23:17
Новичок на форуме
Отправить личное сообщение для Gloomy Посмотреть профиль Найти все сообщения от Gloomy
 
Регистрация: 20.09.2010
Сообщений: 3

Спасибо большое !!!
Я просто в этом не очень хорошо разбираюсь увы (((

необходимо было собрать все вместе =)
Ответить с цитированием
  #6 (permalink)  
Старый 21.09.2010, 04:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от Sweet
<select name="server" onChange="selChange(this.value)">

04<option>server1</option>
Интересно где здесь value ?
Ответить с цитированием
  #7 (permalink)  
Старый 03.11.2010, 10:51
Новичок на форуме
Отправить личное сообщение для GK_7 Посмотреть профиль Найти все сообщения от GK_7
 
Регистрация: 03.11.2010
Сообщений: 1

помогите!
мне нужно из результата двух выпадающих списков получить ссылку на картинку
Ответить с цитированием
  #8 (permalink)  
Старый 03.11.2010, 11:17
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

GK_7, так все по аналогии и делай... Или хоть тестовый пример создай.
Ответить с цитированием
  #9 (permalink)  
Старый 03.11.2010, 13:44
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

C элементом select мне кажется проще как-то так работать:

<select>
    <option>server1</option>
    <option>server2</option>
</select>

<script type="text/javascript">
window.onload = function(){
    var options = document.getElementsByTagName('option');
    var array = ['','http://javascript.ru', 'http://javascript.ru/forum'];
    for(i=0; i<options.length; i++){
        options[i].value = array[i];
        document.getElementsByTagName('select')[0].onchange = function(){
            top.location.href = this.options[this.selectedIndex].value;
        };
    }
};
</script>

Последний раз редактировалось monolithed, 04.11.2010 в 12:51.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить список элементов в localStorage? Бобр Общие вопросы Javascript 8 17.09.2013 14:32
Помогите вставить в форму не только чекбоксы но и выпадающий список seva_81 Серверные языки и технологии 3 20.09.2010 10:02
как сделать выпадающий список, чтобы второй зависил от значения первого???? zsaz jQuery 2 16.07.2010 20:12
Как получить список пользовательских функций объекта window? Маэстро Events/DOM/Window 13 03.07.2010 13:20
Выпадающий список как на google... Derack Элементы интерфейса 4 23.07.2009 17:53