मैं सिर्फ जावास्क्रिप्ट के साथ JQuery लाइब्रेरी का उपयोग किए बिना इसे फिर से कैसे लिख सकता हूं?

एक सही अनुवाद कुछ ऐसा होगा:

var selects = document.getElementsByTagName('select'),
    options = document.getElementById('townid').getElementsByTagName('option'),
    options = Array.prototype.slice.call(options), //2 lines only for readability
    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);
    }
}

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

डेमो

इसे मार्कअप के आधार पर काफी सरल किया जा सकता है (और ब्राउज़र के आधार पर अनुकूलित किया जा सकता है (उदाहरण के लिए querySelectorAll के लिए समर्थन))। उदा. यदि आप जानते हैं कि हमेशा केवल एक विकल्प होगा जिसमें "केंद्रीय" होता है और क्या केवल एक select तत्व मौजूद है या नहीं।

यहां एक select तत्व, सूची का ज्ञात आकार (यानी> 1) और केवल एक विकल्प जिसमें Central शामिल है, के लिए एक स्ट्रिप्ड डाउन संस्करण दिया गया है। तो मूल रूप से केवल विकल्प को पुन: व्यवस्थित करना:

var options = document.getElementById('townid').getElementsByTagName('option');

for (var i = 0, l = options.length; i < l; i++) {
    var option = options[i],
        text = option.innerText || option.textContent;
    if (text.indexOf('Central') > -1) {
        if (i > 1) {
            option.parentNode.insertBefore(option, options[1]);
        }
        break;
    }
}

डेमो

अपडेट करें:

यदि विकल्प का टेक्स्ट बिल्कुल Central होना चाहिए, तो टेक्स्ट की सामान्य रूप से तुलना करें:

if(text === 'Central')