在select2 jquery中启用对<optgroup>标记的选择

Question

我正在尝试选择标签。我在简单的选择标签上使用jquery select 2。我希望所有类别都可以选择，以便用户也可以选择父类别。

这是我的HTML代码：

<select class="category form-control" name="cat_id">
    <option label="Select Category" value="">Select Category</option>
    <option value="213">Advocate</option>
    <option value="215">Beauty Care</option>
    <option value="216">Doctors</option>
    <option value="217">Electrician</option>
    <optgroup id="255" label="Electronic">
       <option value="243">Computer</option>
       <option value="248">Sound and photo</option>
       <option value="256">Telephone</option>
    </optgroup>
    <option value="218">Grocers</option>
    <optgroup id="276" label="Home">
       <option value="279">Business</option>
       <option value="280">Construction Material</option>
       <option value="277">Furniture</option>
       <option value="278">Tools</option>
    </optgroup>
    <option value="271">Job</option>
    <option value="219">Mechanic</option>
    <option value="285">Others</option>
    <option value="220">Painters</option>
    <optgroup id="259" label="Personal">
        <option value="260">Cloths and Shoes</option>
    </optgroup>
    <option value="221">Plumber</option>
</select>

这是我的jquery代码：

/* ======= Jquery Select Dropdowns ======= */
    $("select").select2({
        dir: "rtl",
        placeholder: $('#select_place_holder').val(),
        allowClear: true,
        width: '100%'
    });

    $('.remove_select2').select2('destroy');

有人可以建议我选择它吗？

我尝试了Selectable optgroups in Select2的解决方案，但不适用于我。

谢谢。