jquery - 将 Jquery 与选择标签一起使用

Question

这是一个 fiddle ，可以让您了解我想做什么

http://jsfiddle.net/g4ymr/13/

<a href="">Menu 1</a>
<a href="">Menu 2</a>
<a href="">Menu 3</a>
<a href="">Menu 4</a>

<select name="type1">
   <option value="1">Menu 1</option>
   <option value="2">Menu 2</option>
   <option value="2">Menu 3</option>
   <option value="2">Menu 4</option>
</select>

​

菜单 1 2 3 4 代表我网站上的主要导航......

当用户单击菜单 2 时，我希望选择标记表单转到菜单 2

用户点击菜单 3 时的菜单 3

等等

我对 jquery 很陌生，所以我需要入门帮助

Answer 1

jsFiddle demo

$('a').click(function(e){
    e.preventDefault();
   $('select[name=type1] option').eq( $(this).index() ).prop('selected', true);
});

在此示例中，我使用单击的按钮的.index()来引用(定位.eq())所需的选项元素。希望我不需要说您最好使用比 a 更具体的选择器。 ...嗯我刚刚说过:D