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

您在绑定点击处理程序时按类选择，例如$(".selectAuto").click(，但是select中的选项没有类，只有id。

在$('#selectAuto').attr('selected', 'selected');行，绑定点击处理程序后面两行，使用选项的ID。

我怀疑点击处理程序中的函数永远不会被调用。

Answer 2

尝试此操作，将每个图像的“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() );
});
});

试图用jQuery选择一个选项

2 个答案: