2

何をしようとしているのかを知るためのフィドルがあります

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>

メニュー 1 2 3 4 は、私のウェブサイトのメイン ナビゲーションを表します。

ユーザーがメニュー 2 をクリックすると、select タグフォームがメニュー 2 に移動するようにしたい

ユーザーがメニュー 3 をクリックしたときのメニュー 3

等々

私はjqueryに非常に慣れていないので、始めるのに助けが必要です

4

2 に答える 2

3

jsFiddle デモ

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

この例では、クリックされたボタンを使用して、目的の要素.index()を参照 (ターゲティング.eq()) しますoption。単なるa. ...うーん、私はちょうどそれを言った:D

于 2012-11-07T22:45:00.523 に答える
0

アンカー href 属性を使用してオプションを指すと、戻る/進むボタンもオプションを変更することになります。必要な場合とそうでない場合がありますが、知っておく価値があります。

http://jsfiddle.net/EUZb3/

$("a").click(function(e) {
    $("select[name=type1]").val($(this).attr("href").substring(1))
});​
于 2012-11-07T23:04:42.890 に答える