JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<select id="category">
  <option value="1,2"> category fruit</option>
  <option value="3,4"> category vegies</option>
</select>

<select id="article">
  <option value="">chose</option>
  <option value="1">banana</option>
  <option value="2">mango</option>
  <option value="3">letus</option>
  <option value="4">spinach</option>
</select>

JavaScript

$('#category').change(function(){
	var cat = $( this ).val().split(',');
  $('#article option').hide()
  $.each(cat,function(i,e){
  	$('#article option[value="'+e+'"]').show()
  })
});