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

回答

相关问题