Выбор селекта по элементу списка
Подскажите, в каком направлении копать, идей нет вообще)) Есть 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, время: 21:14. |