如何在没有空元素的Bootstrap-Select中显示标题？

在本文中，我们将介绍如何在Bootstrap-Select中显示标题，而select下拉菜单中没有任何空白元素。 Bootstrap Select是一个窗体控件，它显示可折叠的不同值的列表，这些值可以选择。这可以用于向用户显示表单或菜单。

示例1：在第一个选项标签中使用data-hidden属性隐藏列表视图中的项目。这会将第一个数据设置为隐藏，同时，我们可以在标题中看到它。

HTML

  

    
    
    
    
    
    
    
    

  

    
  
    
        Choose Option
    
    First
    Second
    Third
  

  

输出：

根据要求设置标题，不留空元素

示例2：使用multiple选项，在select标记中选择select属性，并将data-max-attribute限制为1。此后，我们根据需要设置title属性。

的HTML

  

    
    
    
    
    
    
    
    

  

    
    First
    Second
    Third
  

  

输出：

根据要求设置标题，不留空元素

示例3：使用CSS隐藏第一个选项并根据我们的要求设置标题。

的HTML

  

    
    
    
    
    
    
    
    
  
    
        .bootstrap-select ul.dropdown-menu li:first-child {
            display: none;
        }
    

  

    
    
    
    First
    Second
    Third
  

  

输出：

根据要求设置标题，不留空元素