Question

这是一个小提琴，让你知道我想做什么

<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()）所需的option元素。希望我不需要说你更好地使用比a更具体的选择器。 ......嗯，我刚才说：D

Answer 2

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

http://jsfiddle.net/EUZb3/

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

将Jquery与select标签一起使用

2 个答案:

jsFiddle demo