Выбор селекта по элементу списка
Подскажите, в каком направлении копать, идей нет вообще)) Есть div в котором есть список ul и select, select скрыт. Как при клике на ссылку присвоить атрибут selected тому option у которого value будет совпадать с value кликнутого? Перебрал разные варианты, максимум чего добился - получил значения кликнутых ссылок и выбраных select'ов ...
<!DOCTYPE HTML> <html> <head> <style> .first_sel{ display:none; } </style> </head> <body> <div> <ul class="first_ul"> <li><a value="1" title="title1" href="#">1</a></li> <li><a value="2" title="title2" href="#">2</a></li> <li><a value="3" title="title3" href="#">3</a></li> </ul> <select class="first_sel"> <option value="1" title="title1">1</option> <option value="2" title="title2">2</option> <option value="3" title="title3">3</option> </select> </div> </body> </html> |
Цитата:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> </style> <script type="text/javascript"> $(function (){ $('.first_ul a').click(function (){ var val=$(this).attr('value'); $('.first_sel').val(val); }); }); </script> </head> <body> <div> <ul class="first_ul"> <li><a value="1" title="title1" href="#">1</a></li> <li><a value="2" title="title2" href="#">2</a></li> <li><a value="3" title="title3" href="#">3</a></li> </ul> <select class="first_sel"> <option value="" title="title0"></option> <option value="1" title="title1">1</option> <option value="2" title="title2">2</option> <option value="3" title="title3">3</option> </select> </div> </body> </html> |
Я не могу поверить, что сам не додумался:( , ksa спасибо, плюсик с меня
|
Цитата:
|
Часовой пояс GMT +3, время: 20:50. |