Показать сообщение отдельно
  #1 (permalink)  
Старый 05.07.2012, 22:43
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

JavaScript-сценарий для эмуляции "submit"
Прошу не судить строго, - в 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>?

Спасибо.
Ответить с цитированием