Показать сообщение отдельно
  #2 (permalink)  
Старый 05.07.2012, 23:54
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<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>
Ответить с цитированием