Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как связать выпадающий список и ссылку ? (https://javascript.ru/forum/misc/11909-kak-svyazat-vypadayushhijj-spisok-i-ssylku.html)

Gloomy 20.09.2010 22:30

как связать выпадающий список и ссылку ?
 
Не могу сделать следующее:
у меня есть выпадающий список с (одним из) значений "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, при выборе из выпадающего списка должно сразу отображаться содержание ссылки.

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

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

Sweet 20.09.2010 22:48

<!--
//-->
А это зачем? Чтобы браузер, который не знает js код не выдал?:haha: Все как дедушка учил?
А по теме: о какой ссылке идет речь? И на что по-твоему ссылается this.form??? Да и вообще, перефразируй все - ничего непонятно!!!

Gloomy 20.09.2010 22:58

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

ссылка типа

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

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

Sweet 20.09.2010 23:12

ОК. А 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>

Gloomy 20.09.2010 23:17

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

необходимо было собрать все вместе =)

рони 21.09.2010 04:08

Цитата:

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

04<option>server1</option>

Интересно где здесь value ?

GK_7 03.11.2010 10:51

помогите!
мне нужно из результата двух выпадающих списков получить ссылку на картинку
:help:

ksa 03.11.2010 11:17

GK_7, так все по аналогии и делай... Или хоть тестовый пример создай.

monolithed 03.11.2010 13:44

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>


Часовой пояс GMT +3, время: 08:49.