如何鏈接列表元素與選擇下拉

Question

我有元素的列表：

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

和下拉菜單：

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

我怎樣才能將這些資源連結兩者一起？

我想將select的值更改爲用戶單擊的<li>的文本。因此，如果用戶點擊<li>A</li>，則<select>值將被設置爲A.

Answer 1

嘗試是這樣的：

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

Answer 2

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

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

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

}); 

這裏有一種方法，但你可以改變index變量來滿足您的需求。