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

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