Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Изучаем jquery вместе )


ArtemPitov
 Поделиться

Рекомендованные сообщения

у меня не работает.

Ладно, спасибо за помощь. 

Будем ждать mpn2005. Работающий на 1.5 пример это его заслуга.

Ссылка на комментарий
Поделиться на других сайтах

оно то и стоит)

но совмещение опции selet и image и со сменой картинки это он отдельно помог сделать.

Вот в точности повторил и нет нифига не хочет работать как надо...

Изменено пользователем klaos27
Ссылка на комментарий
Поделиться на других сайтах

ну, смотрите я промедилировал ситуацию в консоли

 

 

 

$('#option-238 select').val()

 

Это значение селекта

 

 

Ошибка возникает при отсутствии выбора

 

Поэтому - нужна функция

отдельная, тогда можно проще отладить.

И вот такая конструкция работает

 

$('input[value=+
$('#option-238 select').val() // это значение  в селекте
 
+]')
 
.prop('checked',true)
 
причем и изображения переключаются.
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

причем и изображения переключаются.

1) Выбираете опцию из селекта - меняется основное изображение и выделяется изображение опции? И так пройти круг, потом снова выбрать ту же самую и все меняется?

2) Выбираете опцию изображение - меняется основное изображение и подставляется соответствующий селект. И так тоже несколько раз по кругу?

3) При выборе из селекта на "--- Выберите ---" происходит сброс всех опций и основная фотка товара возвращается на место?

Так происходит?

 

Можете привести строку полностью как она должна выглядеть

<select onchange="...">
Изменено пользователем klaos27
Ссылка на комментарий
Поделиться на других сайтах

 

1) Выбираете опцию из селекта - меняется основное изображение и выделяется изображение опции? И так пройти круг, потом снова выбрать ту же самую и все меняется?

2) Выбираете опцию изображение - меняется основное изображение и подставляется соответствующий селект. И так тоже несколько раз по кругу?

3) При выборе из селекта на "--- Выберите ---" происходит сброс всех опций и основная фотка товара возвращается на место?

Так происходит?

 

Можете привести строку полностью как она должна выглядеть

<select onchange="...">
<script>
var my_select = $('#option-238 select'), 
    my_input  = $('#option-238').find('input'); 

    my_select.on('change',  function() {
      my_input.filter(' input[value="' + $(this).val() + '"] ').prop('checked', true);
    }); 

</script>
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

Почти заработало так

<select onchange="change_select();" 
<script type="text/javascript">
function change_select() { 
  $('#option-238 select').parent().find('input[value="'+$('#option-238 select').val()+'"]').prop('checked', true).trigger('change');
}
</script> 

Если выбирать из селекта, то и основное изображение меняется и отмечается опция изображение и сбрасывается если в селекте выбрать "Выберите" (правда основная фотка не возвращается, но не суть). Но если выбирать опцию "изображение", то в селект подставляется значение только первый раз.

 

ArtenPitov при вашем раскладе не меняется фотка основного изображения и такая же проблема как написал выше. И еще если выбрать первый раз опцию в селекте, изображение не отметится. Если выбрать другую и последующие то работает.

 

Еще одно "но". Если селект расположить в одном блоке, а изображение в другом (пример), то выбор из селекта уже не работает.

Изменено пользователем klaos27
Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.