如何将列表元素与选择下拉列表链接

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变量以满足您的需求。