<form name="myForm">
<ul id="list" style="cursor: pointer">
<li>Опция 1</li>
<li>Опция 2</li>
<li>Опция 3</li>
</ul>
<select id="sel" name="sel">
<option value="1">Опция 1</option>
<option value="2">Опция 2</option>
<option value="3">Опция 3</option>
</select>
</form>
<script>
window.onload = function () {
var list = document.getElementById('list');
var sel = document.getElementById('sel');
list.onclick = function(e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.tagName == 'LI') {
var len = sel.options.length;
for (var i = 0; i < len; i++) {
if (target.innerHTML == sel.options[i].text) {
sel.options[i].selected = true;
document.myForm.submit();
}
}
}
}
sel.onchange = function () {
document.myForm.submit();
}
}
</script>