изменение аттрибута img в одном td в зависимости от значения select в другом td

Статус
В этой теме нельзя размещать новые ответы.

Extalionez

Клоун
Заблокирован
Регистрация
21 Авг 2008
Сообщения
368
Реакции
191
  • Автор темы
  • Заблокирован
  • #1
Здравствуйте, уважаемые знатоки! Снова пред моим ламерским умишкой встала непосильная для меня задача. А именно - необходимо менять изображение в зависимости от выбранного в select значения. В общем есть примерно следующее
PHP:
<tr>
    <td>
        бла бла бла
    </td>
    <td>
        <select onchange="changePreview(this)">
            <option value="image1">Фото 1</option>
            <option value="image2">Фото 2</option>
            <option value="image3">Фото 3</option>
        </select>
    </td>
    <td class="photo">
        <img src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" />//ну это blank типа
    </td>
    <td>
        лааа-ла-ла
    </td>
</tr>
Нужно как-то в функции changePreview() как-то там нанавигатиться чтобы в этом <tr> в <td> с классом photo в src изображения заменить изображение на то, что выбрано в select'е:confused:. У меня уже действительно голова болит навигатить по этим элементам.
Спасибо!
P.S.: Никакого ID и в помине быть не должно - не хватало мне ещё и мигрень заполучить:D(tr ведь будет непонятно сколько)
 
  • Автор темы
  • Заблокирован
  • #3
Совсем не то. Во-первых select и img должны находиться в разных td одного tr. Во-вторых как я говорил - никаких id и в помине быть не(!) должно. Нужно лишь имея объект this этого селекта наперемещаться по этому tr до img и изменить его src.
Тем не менее спасибо что постарались!
Неужто никто тут не в курсе как по DOM-элементам перемещаться?o_O не верю!
 
  • Автор темы
  • Заблокирован
  • #5
Наверно можно, тут уже не подскажу. Нет возможности подгрузить jquery ?
Да и на том огромное спасибо. Он подгружен, но там ещё append использвется для добавления <tr>'ов, и тут уже onload не в помощь. Решил в итоге так:
PHP:
function changePrev(data){
            $(data).parent('td').parent('tr').find('.photo img').attr('src', $(data).val())
        }
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху