Связь массива картинок и 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, время: 11:46. |