Связь массива картинок и select
Доброго времени суток. Есть div заполненный картинками и select . Нужно чтобы при выборе n-го элемента option отрабатывался клик по n-ой картинке и чтобы по клику по соответствующей картинке выбирался соответствующий пункт Select.
я новичёк в jquery и без понятия как подойти к решению этой проблемы. |
Что картинки в div что пункты в select можно идентифицировать среди подобных с помощью:
$('...').index(элемент); Осталось только обработчики настроить для селекта и картинок. |
Спасибо Огромное!
С картинками в диве разобратся можно и как их отловить по клику не проблема. Как отловить индекс изменённого селекта? Как сделать так чтобы поменялось значение селекта? |
Выбранное в селекте значение можете ловить из select.options[select.selectedIndex].value в чистом JS или через val() в jQuery.
|
Ну я получу value. А как узнать какая по счёт опция была выбрана? можно конечно value запихнуть в массив , но это , как по мне не красивое решение.
|
alesto, свою голову еще никто не отменял;) .
Что не видно подсказок выше - select.selectedIndex или то что я подсказывал ? Если тебе нужен готовый код, то это в разделе работа. |
А если подумать?
<img id="img1" src="" alt="Картинка 1" onclick="s_img('img1')" width="150" height="40" /> <img id="img2" src="" alt="Картинка 2" onclick="s_img('img2')" width="150" height="40" /> <select id="select" onchange="s_select(this)"> <option value="1">Картинка 1</option> <option value="2">Картинка 2</option> </select> <script type="text/javascript"> function s_img(id) { id = id.replace('img', ''); alert('Картинка №' + id); document.getElementById('select').value = id; } function s_select(_) { s_img('img' + _.value); } </script> |
Часовой пояс GMT +3, время: 16:38. |