Jquery使用复选框按类而不是名称更改下拉列表

Question

我想点击复选框更新所有下拉列表。我正在使用foreach来获取所有选中的复选框。

这将更新页面上的所有内容，但我想使用类名而不是字段名

来完成此操作

$('select[name=order_status] option[value=1]').attr('selected', 'selected');

我想要这样的东西“.shipping _'+ do_csv +'

$('.option_completed').click(function() {
    var do_csv = [];
    $("input[name='options[]']:checked").each(function() {
        do_csv.push($(this).val());
        $(".shipping_'+do_csv+' option[value=1]").attr('selected', 'selected');
    });
});

Answer 1

如果您的班级名称为shipping_somethinghere且dp_csv是一个somethinghere的数组，那么我认为这就是您所需要的：

$.each(do_csv, function(i, val) {
    $(".shipping_" + val + " option[value=1]").attr('selected', 'selected');
}

Answer 2

替换这个：

$(".shipping_'+do_csv+' option[value=1]").attr('selected', 'selected');

与此：

$(".shipping_"+$(this).val()+" option[value=1]").attr('selected', 'selected');