Você pode colocar um atributo no li
com o valor da opção e adicionar um evento onclick
, quando o usuário clicar no li
você seleciona a opção no select
, veja o exemplo:
JSFiddle
HTML
<select name="opcao" id="sel-opcao">
<option>Selecione</option>
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>
<ul id="lista-opcao">
<li data-value="1">Opção 1</li>
<li data-value="2">Opção 2</li>
<li data-value="3">Opção 3</li>
</ul>
jQuery
$('#lista-opcao li').click(function(){
var id = $(this).attr('data-value');
$('#sel-opcao option').filter('[value="'+id+'"]')
.prop('selected', true);
});
V
) uma das respostas a qual você mais gostou ou a que resolveu o problema. Se tiver algum dúvida pode consultar como aceitar uma resposta