Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.03.2011, 02:44
Интересующийся
Отправить личное сообщение для Pekkonen Посмотреть профиль Найти все сообщения от Pekkonen
 
Регистрация: 19.04.2010
Сообщений: 13

Переход из Select'а по ссылке
Привет.
Прошу помочь справится с объединением 2-х скриптов в один.
Есть список ul-li, из которого делается select с помощью такого скрипта:
$(document).ready(function(){
$('ul').each(function(){
    var ul=$(this);
    var sel=$('<select/>');
    $('li',ul).each(function(){
        sel.append($('<option/>',{value:this.innerHTML,html:this.innerHTML}));
    });
    ul.hide().after(sel);
});

});

Это работает нормально.
Дальше надо добавить в этот скрипт возможность перехода по ссылкам (выбрали пункт - отпустили кнопку мыши - перешли по ссылке)
Вот такой select формируется первым скриптом:
<select id="select1">
	<option><a href="http://url1.com/">bar1</a></option>
	<option><a href="http://url2.com/">bar2</a></option>
	<option><a href="http://url3.com/">bar3</a></option>
	</select>

То есть нужно что-то похожее вставить в конец первого скрипта (только работающее, а ни как у меня...
$("#select1").click(function(){
     window.location=$(this).find("a").attr("href"); return false;
   });


Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 02.03.2011, 22:29
Интересующийся
Отправить личное сообщение для Pekkonen Посмотреть профиль Найти все сообщения от Pekkonen
 
Регистрация: 19.04.2010
Сообщений: 13

Попробую уточнить задачу.
мне нужен аналог такого select'a:
function goURL(){
		var url = $("#select1").attr("value");
		window.location = url;
	}

<select id="select1" onchange="javascript:goURL();">
	<option value="/">Home</option>
	<option value="http://google.com/">Google.com</option>
	<option value="http://ya.ru/">Ya.ru</option>
</select>

Только в моем случае ссылки жестко приписаны не в value, а так:
<option><a href="http://url3.com/">bar3</a></option>

Просьба не предлагать сделать из <a href="..."> <option value="..."> с помощью того же jquery (до такого я пока еще не дошел. )
Ответить с цитированием
  #3 (permalink)  
Старый 04.03.2011, 15:56
Аспирант
Отправить личное сообщение для lalala Посмотреть профиль Найти все сообщения от lalala
 
Регистрация: 04.03.2011
Сообщений: 87

надеюсь, я правильно Вас понял...
$(document).ready(function(){
	
	$('ul').each(function(){
		var sel=$('<select/>');
		$('li',$(this)).each(function(){
			sel.append($('<option/>',{value:$(this).find("a").attr("href"),text:$(this).find('a').text()}));
		});
		$(this).hide().after(sel);
	});
	
	$('select').bind('change',function(){
		window.location = $(this).val();
	});
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вырубить переход по ссылке mycoding Общие вопросы Javascript 11 05.11.2010 22:44
переход по ссылке через N секунд jerryfish Events/DOM/Window 4 23.02.2010 17:05
переход по ссылке только после нескольких кликов по ней smilexpo Events/DOM/Window 8 24.11.2009 16:57
Переход по ссылке Raynor jQuery 1 07.04.2009 22:52
Переход по ссылке и выполнение скрипта AlexMak Общие вопросы Javascript 10 27.12.2008 14:42