未选择Jquery选项不起作用

时间:2013-07-18 21:52:46

标签: jquery html css jquery-selectors option

我有一个选择菜单,可以作为导航到不同的绝对定位的div。无论显示哪个选项,div都会通过添加的不透明度等于1的类淡入视图。我可以根据菜单添加div来添加类,但是我似乎无法删除那个' active& #39; class如果未选择该选项 - 我的JS如下:

$(" #hine")。change(function(){

  var who=$('#hine option:not(:selected)').val();
  var whon=$('#hine option:selected').val();

    $(who).removeClass('active');
   $(whon).addClass('active');

});

我在这里设置了一个jsfiddle:http://jsfiddle.net/nwT9c/4/

2 个答案:

答案 0 :(得分:2)

试试这个:

var whon = $('#hine option:selected').val();
$('.active').removeClass('active').addClass('inactive');
$(whon).removeClass('inactive').addClass('active');

<强> jsFiddle

答案 1 :(得分:1)

您正在将未选中元素的值分配给who变量。

更改为:

var who=$('#hine option:not(:selected)');
var whon=$('#hine option:selected');

你应该很好