JSFiddle - React, Tailwind, and code Playground

HTML

<div id="townid">
    <select>
        <option>Central A</option>
        <option>Central B</option>
        <option>Central C</option>
        <option>Something else</option>
    </select>
</div>

<select>
        <option>Nothing here</option>
    </select>

<select>
        <option>Nothing here</option>
        <option>Nothing here either</option>
    </select>

JavaScript

var options =Array.prototype.slice.call(document.getElementById('townid').getElementsByTagName('option'));
var tmp = document.createDocumentFragment();
for(var i = 0, l = options.length; i < l; i++) {
    var option = options[i],
        text = option.innerText || option.textContent;
    if(text.indexOf('Central') > -1) {
        tmp.appendChild(option);
    }
}

var selects = document.getElementsByTagName('select');

for(var i = 0, l = selects.length; i < l; i++) {
    var select = selects[i],
         options = select.getElementsByTagName('option');
    if(options.length > 1) {
        select.insertBefore(tmp.cloneNode(true), options[1]);
    }
    else {
        select.appendChild(tmp.cloneNode(true));
    }
}