Мне нужно сделать так, чтоб тэг optgroup динамически оборачивал тэги option, а значением его был первый символ текста в option. То есть должна получиться такая разметка. Как это сделать в JS?
<select id="select">
<optgroup label="A">
<option value="1">Andromed</option>
<option value="2">AnkosiManila</option>
<optgroup>
<optgroup label="B">
<option value="3">Backend</option>
<option value="4">Bravisiimo</option>
</optgroup>
<optgroup label="C">
<option value="5">Cokolada</option>
<option value="6">Cerny</option>
</optgroup>
<optgroup label="M">
<option value="7">Mapping</option>
<option value="8">Marroni</option>
</optgroup>
<optgroup label="N">
<option value="9">NugetPack</option>
</optgroup>
<optgroup label="J">
<option value="10">Jaguar</option>
</optgroup>
</select>
Благодарю