JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ArchetypesSelectionWidget">
    <select>
        <option>Yes</option>
        <option>No</option>
    </select>
</div>

<div class="ArchetypesSelectionWidget">
    <select>
        <option>Yes</option>
        <option>No</option>
    </select>
</div>

<div class="ArchetypesSelectionWidget">
    <select>
        <option>Yes</option>
        <option>No</option>
    </select>
</div>

<div class="ArchetypesSelectionWidget">
    <select>
        <option>1</option>
        <option>0</option>
    </select>
</div>

JavaScript

//$('select').append('<option selected="selected">alex</option>');
$(document).ready(function() {
$('.ArchetypesSelectionWidget select').append('<option class="dummySel">Please Select...</option>');
$('.dummySel').attr('selected','selected');    
});