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

Question

如果特定的选择值是 = X，我会尝试显示一个输入字段。

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

我已经尝试编写一个函数，但它无法正常工作，就像您多次更改 attendee 值一样，您会出现一些输入字段，一些输入字段会消失吗？

我添加了一个 fiddle 来说明我的意思，感谢任何帮助!

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);

fiddle

http://jsfiddle.net/7LxF8/

Answer 1

这是一个使用 .show() 的 fiddle 更新 http://jsfiddle.net/7LxF8/1/