尝试使用jQuery选择一个选项

我试图选择一个选项，点击一个图像，奇怪的事情发生了，显然这个选项是select，但是当我搜索不匹配的值时，他得到了默认值。如果我返回页面并再次搜索，则值匹配

<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>

---

有什么想法吗？

绑定单击处理程序时，您正在按类进行选择，如$.selectAuto.click，但选择中的选项没有类，只有id

在$'selectAuto'.attr'selected'、'selected'；行，从绑定单击处理程序向下两行，您使用的是选项的id

---

我怀疑click处理程序中的函数从未被调用。

试试这个，将每个图像的“rel”设置为选项标记的ID

  <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() );
});
});

---

我假设类选择器用于他单击的任何更改选项，他说的是图像，可能没有包含在HTML代码段中。你能发布给你错误值的代码吗？这对我很有用：