从DropDownList自动选择选项使用jQuery

Question

我有一个场景，我有几个下拉列表，如下所示：

DropDownList 1
DropDownList 2
DropDownList 3

TextBox
TextBox
TextBox

DropDownList 4 
DropDownList 5 
DropDownList 6 

现在，当我从DropDownList 1中选择一个值时，它应该在DropDownList 4中自动选择。

当我在DropDownList 3中选择一个值时，应该在DropDownList6中自动选择它。

ddl组可以永远存在，我可以先选择任何DropDownList。

我将一个类添加到Dropdownlist中，当它被添加到屏幕上时。这会将相同的类添加到批处理中添加的所有下拉列表中。

function setOptionDDLValue（source）{

var uniqueClassPerOptionGroup = $(source).attr("class").split(' ')[1];

$("." + uniqueClassPerOptionGroup).each(function(index, element) {

    $(element).val($(source).val()); 
});

}

Answer 1

给出应该共享所有相同类的值的下拉菜单，然后使用委托的事件处理程序。

$(document).on("change", ".myDropdownClass", function() {
    $(".myDropdownClass").val($(this).val());
});

如果您使用的是未实现.on的旧版jquery，请使用此命令：

$(document).delegate(".myDropdownClass", "change", function() { ... });

或

$(".myDropdownClass").live("change",function(){ ... });