使用 jquery 更改下拉选择

Question

我正在尝试弄清楚如何更改多个选择框的选择。

这是我目前拥有的：

function selectStrategies() {  
    $('#dataTable tr').each(function() {
        if($(this).find("td").eq(0).html()) { 
            $(this).find("td select").val($('#mainStrategyChoice').val()); 
        }   
    });
}

我有一个主下拉框。当该框的选择发生更改时，我调用 selectStrategies 函数，该函数假设调整表中所有行的选择。上面的提供代码运行良好，直到我不得不为每一行添加第二个下拉框。我正在尝试找到一种方法来引用第一个和第二个下拉框。

谢谢。

Answer 1

第一个和第二个选择框有什么特别的吗？一个类、一个 ID 甚至一个名字都会有所帮助，因为您可以使用 jQuery 选择器来定位这些（或其中的一部分）。如果没有类似的内容，为方便起见，您应该在要定位的 selects 中添加一些通用的内容。

对于class="firstSelect"：

$(this).find("td select.firstSelect").val($('#mainStrategyChoice').val());

如果name 总是像first-213、first-84 等：

$(this).find("td select[name^="first-"]").val($('#mainStrategyChoice').val());