javascript - 使用jQuery如果下拉值= X则显示输入区域

如果特定的选择值为= X，我想显示一个输入字段。

我有一个下拉菜单，询问我的用户是否要添加其他与会者，如果他们选择1/2与会者，我希望出现相关下拉菜单。

我尝试编写一个函数，但是它无法正常工作，就像您多次更改与会者值时一样，出现了一些输入字段而又消失了一些输入字段？

我添加了一个小提琴来显示我的意思，任何帮助表示赞赏！

jQuery的

/* Attendee Dropdown */
function attendees() {
    // Function
    if ($('select[name^="add-attend"]').val() == "1") {
       $('.attend-1').removeClass('nodisplay');
       $('.attend-1').toggle();
    }
    else if ($('select[name^="add-attend"]').val() == "2") {
      $('.attend-1').removeClass('nodisplay');
      $('.attend-2').removeClass('nodisplay');
      $('.attend-1').toggle();
      $('.attend-2').toggle();
    }
    else {
       $('.attend-1').addClass('nodisplay');
       $('.attend-2').addClass('nodisplay');
    };
};
$('.add-attend').change(attendees);

小提琴

http://jsfiddle.net/7LxF8/

最佳答案

这是使用.show() http://jsfiddle.net/7LxF8/1/的小提琴更新