JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<select class="special" multiple>
<option value="1" selected>1: Lorem ipsum</option>
<option value="2" >2: dolor sit amet</option>
</select>
<select multiple>
<option value="3" selected>3: Lorem ipsum</option>
<option value="4" >4: dolor sit amet</option>
</select>
CSS
option[selected] {
background-color: orange;
}
JavaScript
var elements = document.querySelectorAll('.special option');
for(var i=0; i < elements.length; i++) {
elements[i].selected = false;
}
setTimeout(function(){
var elements = document.querySelectorAll('option');
for(var i=0; i < elements.length; i++) {
console.log('Value = ' + elements[i].value + ' selected: '+ elements[i].selected);
console.log(elements[i].attributes)
}
}, 1000);