JSFiddle - React, Tailwind, and code Playground
HTML
<select>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
</select>
JavaScript
var sel = document.querySelector('select');
sel.options[0].textContent = 'от ' + sel.options[0].textContent;
sel.addEventListener('change', function(){
console.log('change');
var curIndex = this.selectedIndex;
[].forEach.call(this.options,function(opt, i){
if(i === curIndex) {
opt.textContent = 'от ' + opt.textContent;
} else {
opt.textContent = opt.textContent.replace(/[^\d]+/,'');
}
});
this.blur();
}, false);
sel.addEventListener('focus', function(){
[].forEach.call(this.options,function(opt, i){
opt.textContent = opt.textContent.replace(/[^\d]+/,'');
});
this.selectedIndex = -1;
}, false);