JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div style="height : 100%; width : 100% ">
  <select id="store_name_select" name="store_name_select">
        <option value="" selected="selected" disabled="disabled"></option>
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>
    
    <select id="store_address_select" name="store_address_select">
        <option value="" selected="selected" disabled="disabled"></option>
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>
            
    <select id="purchase_date_select" name="purchase_date_select">
        <option value="" selected="selected" disabled="disabled"></option>
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>            
</div>

JavaScript

function getElementsById(ids) {
    var idList = ids.split(" ");
    var results = [], item;
    for (var i = 0; i < idList.length; i++) {
        item = document.getElementById(idList[i]);
        if (item) {
            results.push(item);
        }
    }
    return(results);
}


var elements = getElementsById("store_name_select store_address_select purchase_date_select");

for(var i = 0; i < elements.length; i++){
	elements.selectedIndex = 1;
}