jQueryでセレクトボックスの値とマッチするaハッシュ要素を取得する
以下のように用意されたセレクトボックスがあり、
<select id="data">
<option value=1>hoge</option>
<option value=2>fuga</option>
<option value=3>hogehoge</option>
</select>
<a href="#1">hoge</a>
<a href="#2">fuga</a>
<a href="#3">hogehoge</a>
jqueryで値の変化を取得しそれにマッチするアンカーリンクに何かしらの処理をしたいのですが、
どうしてもうまくいきません。例えばセレクトボックスで'fuga'
が選択されたらfugaのaタグの背景色を変化させる等。
以下jQueryでvalueまでは取得できているコードになります。
$(document).ready(function(){
$('data').change(function(){
var value = $(this).val();
/**/
});
});
どなたかご教示いただけると助かります。