JSFiddle - React, Tailwind, and code Playground

by Vaishali Ravisankar

HTML

<select id="educationlevel" name="educationlevel">
			<option selected="selected" value="">Please select</option>
      <option value = "High School Junior or younger">High School Junior or younger</option>
      <option value = "High School Senior">High School Senior</option>
      <option value = "GED/High School Graduate">GED/High School Graduate</option>
      <option value = "Associate Degree">Associate Degree</option>
      <option value = "Bachelor's Degree">Bachelor's Degree</option>
      <option value = "Master's Degree or higher">Master's Degree or higher</option>
		</select>

JavaScript

/* Sort Function */
	 function NASort(a, b) {    
          if (a.innerHTML == 'NA') {
              return 1;   
          }
          else if (b.innerHTML == 'NA') {
              return -1;   
          }       
          return (a.innerHTML > b.innerHTML) ? 1 : -1;
      };
    
    
    /*Perform Sort to the select Dropdown*/
  $('#educationlevel option').sort(NASort).appendTo('#educationlevel');

  /*The default selected value is moved to the top*/
  $('#educationlevel option:eq(6)').insertBefore('#educationlevel option:eq(0)');