Переход из 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;
});
Спасибо. |
Попробую уточнить задачу.
мне нужен аналог такого 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 (до такого я пока еще не дошел. :( ) |
надеюсь, я правильно Вас понял...:)
$(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();
});
});
|
| Часовой пояс GMT +3, время: 03:33. |