JSFiddle - React, Tailwind, and code Playground

by earlonrails

HTML

<body>
<select name="searchForm__bathrooms" id="field-searchForm__bathrooms" class="field-dropdown">
  <option value="1"> 1 </option>
  <option value="2"> 2 </option>
  <option value="3"> 3 </option>
</select>
</body>

JavaScript

$(function() {
  $("#field-searchForm__bathrooms").change(function(){
    var selectEle = $(this);
    var doAppend = true;  
    $.each(selectEle.children(), function(index, child){
      if (child.value == "0"){
        doAppend = false;
      }
    });
    if (doAppend){
      selectEle.append('<option name="bathroom" value="0">Bathrooms</option>');
    }
  });
});