Javascript jQuery-如果选择与数据添加类相等的选项值

Javascript jQuery-如果选择与数据添加类相等的选项值,javascript,jquery,html,drop-down-menu,Javascript,Jquery,Html,Drop Down Menu,我有一个带3个选项的选择框,还有一个带3的div,它们有数据属性。 现在,我希望每个已选择=已选择且值(数字)与数据相等的选项,然后将类添加到 例如: 如果选择选项/且值=带数据: <option value="2" selected="selected"> 你犯了很多小错误。像 1.)Jquery未包含在fiddle中 2..is返回一个布尔值,您正在执行$(this).is(“:selected”).val()。您应该执行$(this).is(':selected')&&$(t

我有一个带3个选项的选择框,还有一个带3的div,它们有数据属性。 现在,我希望每个已选择=已选择且值(数字)与数据相等的选项,然后将类添加到

例如:

如果选择选项/且值=带数据:

<option value="2" selected="selected">

你犯了很多小错误。像

1.)Jquery未包含在fiddle中

2.
.is
返回一个布尔值,您正在执行
$(this).is(“:selected”).val()
。您应该执行
$(this).is(':selected')&&$(this.val()

3.)有
})最后是额外的

我认为以另一种方式循环会更好。像吼叫

$('.menucontainer .menuitem').each(function(){
    if($(this).attr('data')==$('#myselect :selected').val())
        $(this).addClass('active');
})

你的意思是感谢你的回答,为错误道歉,,。但如果你再次看到你的演示,你会看到所有的活动类,我只想一个等于选项,并选择该选项。在这个演示中,我们只选择了一个选项。再次感谢,但我仍然有一个小问题。这个怎么样?对于两个或多个选定项?@user3815083,则必须检查它是否存在于任何值中。见演示谢谢你的帮助,完美的答案
$("#myselect option").each(function(){
    var num = $('.menucontainer').children('a.menuitem').attr('data');
        if($(this).is(':selected').val()==num){ 
            $('.menucontainer').children('a.menuitem').addClass('active');
            }
        });
    });
$('.menucontainer .menuitem').each(function(){
    if($(this).attr('data')==$('#myselect :selected').val())
        $(this).addClass('active');
})