javascript - 从选择菜单中检查多个值

Question

对于网站上的联系表单，我想添加两个选择菜单。我想隐藏第二个选择菜单，并在单击第一个选择菜单中的一个值时显示。我已经设法使其适用于一个值，但除了“Rohda Raalte”之外，我想添加另一个值。

我尝试了多种选项并搜索了很多主题，但没有一个答案可以帮助我解决这个特定问题。这可能很简单，但我的 jquery 知识不是那么好。

提前致谢!

<script type="text/javascript">
$(document).ready(function(){
  var Privileges = jQuery('#locatie');
  var select = this.value;
  Privileges.change(function () {
    if ($(this).val() == 'Rohda Raalte') {
        $('.voetballer').show();
    }
    else $('.voetballer').hide();
  });
});
</script>

Answer 1

如果要检查多个值，可以将它们存储在数组中并检查所选值是否在数组中:

<script type="text/javascript">
$(document).ready(function(){
  var Privileges = jQuery('#locatie');
  Privileges.change(function () {
    var array = ['Rohda Raalte', 'Another value', 'Yet another value'];
    if (array.indexOf($(this).val()) > -1) {
        $('.voetballer').show();
    }
    else $('.voetballer').hide();
  });
});
</script>

如果您想检查两个以上的值，这是比 or 条件更好的处理方式。