$arr = [
[
'COLOR' => 'Red',
'WEIGHT' => 20
],
[
'COLOR' => 'Red',
'WEIGHT' => 25
],
[
'COLOR' => 'Red',
'WEIGHT' => 30
],
[
'COLOR' => 'Green',
'WEIGHT' => 20
],
[
'COLOR' => 'Green',
'WEIGHT' => 25
],
[
'COLOR' => 'Green',
'WEIGHT' => 30
]
];
$out = [];
foreach ($arr as $a) {
$out[$a['COLOR']][] = $a['WEIGHT'];
}
foreach (array_map(function($a){ return join(', ', $a); }, $out) as $k => $item) {
echo "$k $item<br>";
}
И зачем вообще все это, если все и без этого работает?Если у вас и так всё работает - не используйте. Однажды появится ситуация, что вы пытаетесь повесить обработчик на форму, а она еще не загружена - придется использовать DOMContentLoaded. Или однажды нужно будет скриптом учесть высоту какого-то блока, но стили еще не прогрузились - тогда воспользуетесь window.load. А пока и так работает, зачем лишний раз изображать карго культ?
the_field('days', 'POST_ID');identicon
border-image - https://codepen.io/anon/pen/KJaYGR 
<select>
<optgroup label="Группа 1">
<option>Опция 1.1</option>
</optgroup>
<optgroup label="Группа 2">
<option>Опция 2.1</option>
<option>Опция 2.2</option>
</optgroup>
<optgroup label="Группа 3" disabled>
<option>Опция 3.1</option>
<option>Опция 3.2</option>
<option>Опция 3.3</option>
</optgroup>
</select>