optgroup中的Select2 optgroup

是否可以在select2上有多個optgroup？
基本上，在另一個optgroup內的optgroup。optgroup中的Select2 optgroup

<select> 
    <optgroup label="Level_1"> 
     <optgroup label="Level_2"> 
      <option value="option_1">option_1</option> 
      <option value="option_2">option_2</option> 
     </optgroup> 
    </optgroup> 
</select>

Fiddle

謝謝。

來源

2015-01-26 Manatax

嵌套optgroups不是在HTML的支持，但是你可以使用JavaScript來創建它們。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <script> 
      $(document).ready(function() { 
       $('#NestedOptGroups').select2({ 
        data: [ 
         { 
          text: 'Level_1', children: [ 
          { 
           text: 'Level_2', children: [ 
           {id: 'Level2Opt0', text: 'Sub Option 1'}, 
           {id: 'Level2Opt1', text: 'Sub Option 2'} 
          ] 
          }, 
          {id: 'Level1Opt0', text: 'Main Level option 1'} 
         ] 
         } 
        ] 
       }); 
      }); 
     </script> 

    </head> 
    <body> 
      <input class="select2" id="NestedOptGroups" placeholder="select one"/> 
    </body> 
</html>

來源

2015-06-12 19:42:16 mmv1219

這確實有效！ 5個月前，當我需要你時，你在哪裏？：P – Manatax 2015-06-12 22:35:21

嘗試這樣的：

<select> 
    <optgroup label="Level_1"> 
     <optgroup label="&nbsp;&nbsp;&nbsp;&nbsp;Level_2"> 
      <option value="option_1">&nbsp;&nbsp;&nbsp;&nbsp;option_1</option> 
      <option value="option_2">&nbsp;&nbsp;&nbsp;&nbsp;option_2</option> 
     </optgroup> 
    </optgroup> 
</select>

Check this Demo

來源

2015-01-26 19:27:13

針對常規選擇的聰明解決方法，但在select2上無效。 – Manatax 2015-01-26 19:36:59

optgroup中的Select2 optgroup

回答

相關問題