如何使用jQuery检测下拉列表是否是多选？

在本文中，我们将学习如何使用 jQuery 检测下拉列表或 HTML 选择元素是否为多选元素。有一种主要的方法可以实现这一点。

方法：使用 jQuery 库中的 prop() 方法。在下面的示例中定义了一个带有下拉id 的 select 元素，它还附加了一个 multiple 属性。此外，还创建了一个带有check-multi-select类的按钮元素，单击该元素会检查给定的下拉菜单是否为多选选项。我们使用prop()方法来检查是否存在绕过与字符串参数相同的多个属性。如果该方法返回布尔值true，则下拉列表是多选。否则，下拉列表不是多选，因为该方法返回布尔值false ，表示缺少多个属性。

示例 1：

HTML

  

    
    
        body {
            text-align: center;
        }
  
        p {
            font-size: 25px;
            font-weight: bold;
        }
  
        select {
            display: block;
            margin: 0 auto;
        }
  
        button {
            margin-top: 1rem;
            cursor: pointer;
        }
    

  

    GeeksforGeeks
    jQuery - Detect if a dropdown is a multi-select
  
    
        Geek 1
        Geek 2
        Geek 3
        Geek 4
    
    
        Click me to check if dropdown is a multi-select
    
    
    
    
        $(".check-multi-select").click(function () {
            if ($("#dropdown").prop("multiple")) {
                alert(
                  "The given dropdown IS a multi-select"
                );
            } else {
                alert(
                  "The given dropdown IS NOT a multi-select"
                );
            }
        });
    

  

输出：

示例 2：此示例与前面的示例非常相似，但唯一的区别是下拉列表被定义为不是多选，这意味着它没有附加多个属性。因此，警报消息指出给定的下拉列表不是多选。

HTML

  

    
    
        body {
            text-align: center;
        }
  
        p {
            font-size: 25px;
            font-weight: bold;
        }
  
        select {
            display: block;
            margin: 0 auto;
        }
  
        button {
            margin-top: 5rem;
            cursor: pointer;
        }
    

  

    GeeksforGeeks
    jQuery - Detect if a dropdown is a multi-select
  
    
        Geek 1
        Geek 2
        Geek 3
        Geek 4
    
    
        Click me to check if dropdown is a multi-select
    
    
    
    
        $(".check-multi-select").click(function () {
            if ($("#dropdown").prop("multiple")) {
                alert(
                  "The given dropdown IS a multi-select"
                );
            } else {
                alert(
                  "The given dropdown IS NOT a multi-select"
                );
            }
        });
    

  

输出：