はどのように私は選択のドロップダウン

Question

でリスト要素をリンクすることができ、私は、要素のリストを持っている：

<li>A</li> 
<li>B</li> 

し、ドロップダウン：

<select>  
    <options value="A">A</options> 
    <options value="B">B</options>  
</select> 

は、どのように私は一緒にそれらの両方をリンクすることができますか？

selectの値を、ユーザーがクリックする<li>のテキストに変更したいとします。

$('ul li').click(function() { 
    var elem=$(this).text(); 
    $("select option[value='"+elem+"']").attr('selected', 'selected'); 
}); 

Answer 1

A.に設定されます。

Answer 2

$("#list li").click(function(){ 

var index = $(this).text(); 

$("#dropdown").val(index); 

}); 

ここに1つの方法は、あなたのニーズに合わせてindex変数を変更することができますが、です：ユーザーが<li>A</li>をクリックするのであれば、<select>値はこのような何かを試してみてください