title: How to change HTML element select into sub-menu UI?
body: <p>I want to know using native html element <strong>select</strong> can I do this add (submenus)</p>
  
  <ul>
  <li>Processes
  <ul>
  <li>lack of process</li>
  <li>failure to follow process</li>
  </ul></li>
  </ul>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;select&gt;
    &lt;optgroup label="Swedish Cars"&gt;
      &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
      &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label="German Cars"&gt;
      &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
      &lt;option value="audi"&gt;Audi&lt;/option&gt;
    &lt;/optgroup&gt;
  &lt;/select&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The code above just allows me to define sub-sections, but no seperate menu ui in parent ui? Is there a way I can change this.</p>
  
  <p>thanks</p>