JSFiddle - React, Tailwind, and code Playground

by Ford Heacock

HTML

<select id="date-select" placeholder="Date" data-parsley-required="true" class="form-control date-select">
    <option disabled="disabled" value="" data-msgid="Date" data-current-language="en_US">Date</option>
    <option value="[object Object]">Today - Tuesday, Jan 7</option>
    <option value="[object Object]">Tomorrow - Wednesday, Jan 8</option>
    <option value="[object Object]">Thursday, Jan 9</option>
    <option value="[object Object]">Friday, Jan 10</option>
    <option value="[object Object]">Saturday, Jan 11</option>
    <option disabled="disabled" value="[object Object]">Sun Closed</option>
    <option value="[object Object]">Monday, Jan 13</option>
    <option value="[object Object]">Tuesday, Jan 14</option>
    <option value="[object Object]">Wednesday, Jan 15</option>
    <option value="[object Object]">Thursday, Jan 16</option>
    <option value="[object Object]">Friday, Jan 17</option>
    <option value="[object Object]">Saturday, Jan 18</option>
    <option disabled="disabled" value="[object Object]">Sun Closed</option>
    <option value="[object Object]">Monday, Jan 20</option>
    <option value="[object Object]">Tuesday, Jan 21</option>
    <option value="[object Object]">Wednesday, Jan 22</option>
    <optgroup label=""></optgroup>
</select>

JavaScript

document.addEventListener('DOMContentLoaded',function() {
	var dateSelect = document.getElementById('date-select');

  function showTomorrow() {
    var select = dateSelect.options;
    var options = Array.from(select);
    var filteredOption = options.filter(function(o) {
      return o.textContent.includes('Tomorrow');
    })[0];
    return filteredOption.index;
  }

	var urlParams = new URLSearchParams(window.location.search);
  
  if (urlParams.has('ad')) {
    try {
      dateSelect.selectedIndex = showTomorrow();
    } catch(err) {
      console.log(err);
    }
  }  
});