Попытка выбрать опцию с помощью jQuery

Question

Я пытаюсь выбрать вариант, нажимая на изображение, и происходит что-то странное, очевидно, вариант - выбрать, но когда я ищу значение, не совпадающее, он получает значение по умолчанию.Если я вернусь на страницу и снова выполню поиск, значение совпадет.

<script type="text/javascript">
$(document).ready(function(){
  $(".selectAuto").click(function(){
    $('#prodSel option:selected').removeAttr('selected');
    $('#selectAuto').attr('selected', 'selected');
  });
  $(".selectVan").click(function(){
    $('#prodSel option:selected').removeAttr('selected');
    $('#selectVan').attr('selected', 'selected');
  });
  $(".selectCaminhonete").click(function(){
    $('#prodSel option:selected').removeAttr('selected');
    $('#selectCaminhonete').attr('selected', 'selected');
  });
});
</script> 

<select class="select" id="prodSel">
                    <option value="auto=_C20_C43" id="selectAuto">Automóvel</option>
                    <option value="van=_C20_C44" id="selectVan">Vans</option>
                    <option value="caminhonete=_C20_C45" id="selectCaminhonete">Caminhonetes</option>
</select>

Есть идеи?

Answer 1

Попробуйте, установите «rel» каждого изображения в качестве идентификатора тега опции,

  <span class='a' rel='#selectAuto'>a</span>
    <span class='a' rel='#selectVan'>b</span>
   <span class='a' rel='#selectCaminhonete'>c</span> 


$(document).ready(function(){
 $('.a').click(function()
          {
             rel = $(this).attr('rel');
             value = $(rel).attr('value');

             $('.select').val(value);
              alert( $('.select').val() );
});
});

Answer 2

Вы выбираете по классу при привязке обработчика щелчка, как $(".selectAuto").click(, но параметры в выборе не имеют класса, только идентификатор.

В строке $('#selectAuto').attr('selected', 'selected');, на две строки ниже привязки обработчика щелчка, вы используете идентификатор опции.

Я подозреваю, что функция в обработчике кликов никогда не вызывается.