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

[klaos27]

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

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

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

[chukcha]

так у него ж есть мод под двойку.

[klaos27]

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

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

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

Змінено 19 березня 2016 користувачем klaos27

[chukcha]

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

 

 

 

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

 

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

 

 

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

 

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

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

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

 

$('input[value=+

$('#option-238 select').val() // это значение  в селекте

 

+]')

 

.prop('checked',true)

 

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

[klaos27]

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

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

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

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

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

 

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

<select onchange="...">

Змінено 19 березня 2016 користувачем klaos27

[ArtemPitov]

 

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>

[klaos27]

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

<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 при вашем раскладе не меняется фотка основного изображения и такая же проблема как написал выше. И еще если выбрать первый раз опцию в селекте, изображение не отметится. Если выбрать другую и последующие то работает.

 

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

Змінено 20 березня 2016 користувачем klaos27