JSFiddle - React, Tailwind, and code Playground

by mauro_nappolini

HTML

<select name="successStoriesSelect" id="cars">
  <option value="Coach">Volvo</option>
  <option value="Featured Organization">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Adaptability
Business
Digital
Human Potential
Human Resources
Innovation
Marketing
Personality

JavaScript

$('#podCastSelect').on('change', function() {
var selected_option_value = $(this).find(":selected").val();
 console.log(selected_option_value); 

if ( selected_option_value == "Adaptability")  {
  $( "#adaptabilityFilter" ).click();
} else if ( selected_option_value == "Business") {
  $( "#businessFilter" ).click();
}else if ( selected_option_value == "Digital") {
  $( "#digitalFilter" ).click();
} else if ( selected_option_value == "Human Potential") {
  $( "#humanPotentialFilter" ).click();
} else if ( selected_option_value == "Human Resources") {
  $( "#humanResourcesFilter" ).click();
} else if ( selected_option_value == "Innovation") {
  $( "#innovationFilter" ).click();
} else if ( selected_option_value == "Marketing") {
  $( "#marketingFilter" ).click();
} else if ( selected_option_value == "Personality") {
  $( "#personalityFilter" ).click();
} 
});

$( "#clearFilterPodCast" ).click(function() {
  $( "#clearFilterPodCastTwo" ).click();
});