как я могу связать элемент списка с выбором выпадающего меню

Question

У меня есть список элементов:

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

и выпадающий список:

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

Как я могу связать оба вместе?

Я хочу изменить значение выбора текста <li>, который пользователь нажимает. Таким образом, если пользователь нажмет <li>A</li>, значение <select> будет установлено А.

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 в соответствии с вашими потребностями ,