如何使用jQuery选择多选列表中的选项？

我有两个下拉列表。当用户从第一个选择一个值(其中有多个select选项)时，使用jQuery自动选择一些值。我怎样才能做到这一点？

First select Box:
<select id="update_carte_s" name="update_carte_s">
     <option value="5!**8,9**!6!44.9">Ghid complet Internet</option>
     <option value="6!**6,7**!6!24.95">PC pas cu pas</option>
     <option value="7!**10**!3!27.95">Jocul ingerului</option>
     <option value="8!**11,12**!8!39">Ghidul vinurilor</option>
</select>
Second select Box:
<select id="uc_autori_s" name="uc_autorilist[]" size="5" multiple>
     <option value="3">Rose Tremain</option>
     <option value="4">Jonathan Coe</option>           
     <option value="5">Cecilia Ahern</option>
     <option value="6">Marinel Serban</option>
     <option value="7">Emanuela Cherchez</option>
     <option value="8">Peter Buckley</option>
     <option value="9">Clark Duncan</option>
     <option value="10">Carlos-Ruiz Zafon</option>
     <option value="11">Catalin Paduraru</option>
     <option value="12">Dan-Silviu Boerescu</option>
</select>

分割的第一个选择框中的粗体值是从第二个选择框中选择的值。例如11,12将意味着在第二个框中选择值为11和12的选项。

目前我有这样的东西：

$.bookAuthors = $.bookDetailsArray[1].split(',');
$.each($.bookAuthors,function( intIndex,objValue ){
      $("#uc_autori_s").val(objValue).attr("selected","selected");
});

但问题是在我的情况下只选择最后一个值12(11的选择丢失)

解决方法

您将无法使用val方法设置多个选项。相反，您应该选择自己的选项，并设置其选定的属性：

$('#uc_autori_s option[value=' + objValue + ']').attr('selected',true);

原文链接：https://www.f2er.com/jquery/183041.html

如何使用jQuery选择多选列表中的选项？

解决方法

猜你在找的jQuery相关文章