Javascript 使用jQuery显示下拉值=X时的输入区域

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

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

我尝试过编写一个函数，但它不能正常工作，比如，如果您多次更改attendee值，您会看到一些输入字段出现，一些字段消失

我加了一把小提琴来表达我的意思，感谢任何帮助

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

小提琴

---

这里有一个使用

.show（）

---

您可以选择li元素并使用

筛选方法

function attendees() {
    $('li[class^="attend"]')
        .hide()
        .filter('[class=attend-' + this.value + ']')
        .show()
};
$('.add-attend').change(attendees);


function attendees() {
    $('li[class^="attend"]')
        .hide()
        .filter('[class=attend-' + this.value + ']')
        .show()
};
$('.add-attend').change(attendees);