jquery - 使用带有选择标签的 Jquery

Question

这是一个小提琴，让您了解我想要做什么

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>

​</p>

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

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

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

等等

我对 jquery 很陌生，所以我需要帮助开始

Answer 1

jsFiddle 演示

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

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

Answer 2

使用 anchors href 属性指向选项意味着后退/前进按钮也会更改选项。可能需要也可能不需要，但值得了解：

http://jsfiddle.net/EUZb3/

$("a").click(function(e) {
    $("select[name=type1]").val($(this).attr("href").substring(1))
});​