JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div id="mCSB_1_container" class="mCSB_container" dir="ltr" style="position:relative; top:0; left:0;">
    <label class="">
        <input type="checkbox" value="blazers" />
<span>
Blazers & Waistcoats
<span class="prdctfltr_count">6/8</span>
</span>
    </label>
    <label class="">
        <input type="checkbox" value="coatsjackets" />
<span>
Coats & Jackets
<span class="prdctfltr_count">1/3</span>
</span>
    </label>
</div>

JavaScript

var $select = $('<select>').attr('name', "outfit");
$('#mCSB_1_container').append($select);
$('#mCSB_1_container label').each(function () {
    var $label = $(this);
    var $input = $label.find('input');
    var value = $input.val();
    var text = $label.text();
    $('<option>').val(value).text($.trim(text)).appendTo($select);
    $label.remove();
});