📜  如何使用 jQuery UI MultiSelect 小部件?

📅  最后修改于: 2021-11-24 05:17:09             🧑  作者: Mango

在本文中,我们将学习在我们的网页中使用 jQuery UI MultiSelect Widget。在实现以下示例代码之前,请从官网下载所需的预编译文件。注意项目文件夹中的文件路径。

示例 1:以下示例演示了使用 jQuery UI MultiSelect Widget插件的下拉框的基本示例。

HTML


  

    
  
    
  
    
  
    
  
    
  
    
  
    

  

    

GeeksForGeeks

         

        Check for option values          after form submit     

          
                                
        
                     
    

    
    
          


HTML


  

    
  
    
  
    
  
    
  
    
      
    
      
    

  

    

GeeksForGeeks

         

        Handling callbacks on          Events trigger     

       
    
       
                                        
    

          


输出:

从下拉列表中选择的选项

当所有选项都被选中然后取消选中时。

示例 2:以下示例演示如何使用回调函数来处理任何类型的事件触发器。请参阅输出以获得更好的理解。

HTML



  

    
  
    
  
    
  
    
  
    
      
    
      
    

  

    

GeeksForGeeks

         

        Handling callbacks on          Events trigger     

       
    
       
                                        
    

          

输出: