Div显示基于菜单选择

时间:2011-11-13 03:45:18

标签: javascript jquery

我有一个菜单,我希望与相关的Div协调。我已经能够通过无线电选择使这个功能很好用。但是,如果可能的话,我希望它能够根据菜单选择工作。行为位于以下链接中标有“是”,“否”和“可能”的单选按钮中:

http://jsfiddle.net/L5qfn/46/

我希望菜单选择具有相同的行为。为了工作目的,我在小提琴中添加了一个简单的菜单。有什么建议吗?

1 个答案:

答案 0 :(得分:2)

我认为通过“菜单”你的意思是下拉菜单。您可以使用与change元素相同的select事件,使用与单选按钮完全相同的方法:

$('select#answer').change(function() {
    $('div .sub-formset').slideUp("fast"); //Slide Up Effect
    $('#' + $(this).val()).slideDown("slow"); //Slide Down Effect
});

查看实际操作:http://jsfiddle.net/william/L5qfn/47/