尝试使用 jQuery 选择一个选项答案

【问题标题】：Trying to select an option with jQuery尝试使用 jQuery 选择一个选项
【发布时间】：2012-04-02 13:44:01
【问题描述】：

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

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

有什么想法吗？

【问题讨论】：

你能发布给你错误值的代码吗？这对我有用：jsfiddle.net/GRQTh/1

标签： jquery select option selected

【解决方案1】：

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

在$('#selectAuto').attr('selected', 'selected'); 行，从绑定点击处理程序向下的两行，您正在使用选项的 id。

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

【讨论】：

我认为类选择器适用于他单击以更改选项的任何内容，他确实说图像，大概不包含在 HTML sn-p 中。

【解决方案2】：

试试这个，把每张图片的'rel'设置为option标签的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() );
});
});

【讨论】：