Прошу не судить строго, - в JavaScript я дилетант (пока), - просто помощь нужна.
Есть выпадающий список формы, - по задумке при выборе пользователем одного из <option> страница должна перегрузиться. Для этих целей прикрутил сценарий:
<script type="text/javascript" language="javascript">
function change (type){
document.easearch.submit();
}
</script>
<select onchange="javascript:change(document.getElementById('type').selectedIndex);" class="makeMeFancy" id="type" name="type">
<option class="inputbox" selected="selected" value="1">Опция 1</option>
<option class="inputbox" value="2">Опция 2</option>
<option class="inputbox" value="3">Опция 3</option>
</select>
Сценарий срабатывает, но дело в том, что, как всегда, для визуального оформления селектов используется скрипт и генерирует над селектом html список вида:
<ul class="srList srCollapsed srBlur">
<li class="srSelectedLi">Опция 1</li>
<li class="">Опция 2</li>
<li>Опция 3</li>
</ul>
<select onchange="javascript:change(document.getElementById('type').selectedIndex);" class="makeMeFancy" id="type" name="type">
<option class="inputbox" selected="selected" value="1">Опция 1</option>
<option class="inputbox" value="2">Опция 2</option>
<option class="inputbox" value="3">Опция 3</option>
</select>
Сам селект убирается из вида при помощи абсолютного позиционирования и свойства "left: -999em;".
Как сделать, чтоб функция change () срабатывала при клике по элементу списка <li></li>?
Спасибо.