javascript - 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's 的数组，那么我认为这就是您要查找的内容：

$.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');