Вопрос https://toster.ru/q/373670

Ответ на вопрос https://toster.ru/q/373670

by ProjectSoft

HTML

<ul id="list-select">
  <li>List1</li>
  <li>List2</li>
  <li>List3</li>
  <li>List4</li>
</ul>

<select name="select" id="select">
  <option value="1">Option1</option>
  <option value="2">Option2</option>	
  <option value="3">Option3</option>
  <option value="4">Option4</option>
</select>

CSS

li {
  margin-bottom: 5px;
  cursor: pointer;
}

JavaScript

$(function(){
	var $list = $("#list-select"),
  		$select = $("#select");
      $("li", $list).on('click', function(e){
      	e.preventDefault();
        var index = $(this).index(),
        		val = $("option:eq("+index+")", $select).attr("value");
        $select.val(val)
        return !1;
      })
})