jquery : Call function on select box change event

by Emmanuel Garcia

HTML

<form id='showMe'>
<label>SELECT MEMBERSHIP</label>
<select id="host" onchange="jsFunction()">
    <option value="">Select Value</option>
    <option value="bronze">Bronze</option>
    <option value="silver">Silver</option>
    <option value="gold">Gold</option>  
    <option value="platinum">Platinum</option>
    <option value="sapphire">Sapphire</option>
    <option value="emerald">Emerald</option>
    <option value="ruby">Ruby</option>
    <option value="diamond">Diamond</option>
</select>
<button type="button" onclick="location.reload(true);">RESTART FILTERS</button>
</form><br>

<span class="m-color">BRONZE</span>
<span class="m-color">SILVER</span>
<span class="m-color">GOLD</span>
<span class="m-color">PLATINUM</span>
<span class="m-color">SAPPHIRE</span>
<span class="m-color">EMERALD</span>
<span class="m-color">RUBY</span>
<span class="m-color">DIAMOND</span>

CSS

span{
    border: 1px solid #f00;
    padding:10px;
    visibility: visible;
}


#showMe {
  animation: cssAnimation 0s 5s forwards;
  visibility: hidden;
}

@keyframes cssAnimation {
  to   { visibility: visible; }
}

JavaScript

$(document.body).ready(function(){
    function bronze()
    {
    $(":reset");
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "BRONZE") {
        $(this).css('color', 'red');
        } else {
        $(this).css('display', 'none');  }})
   
   };
    function silver()
    {
    $(":reset");
        $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "SILVER" ||  value == "BRONZE") {
         
        } else {
        $(this).css('display', 'none');  }})

    };
    function gold()
    {
       $(":reset");
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "GOLD" ||  value == "SILVER" ||  value == "BRONZE") {
         
        } else {
        $(this).css('display', 'none');  }})
   
    };
    function platinum()
    {
       
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "PLATINUM" ||  value == "GOLD" ||  value == "SILVER" ||  value == "BRONZE") {
         
        } else {
        $(this).css('display', 'none');  }})
   
    };
    function sapphire()
    {
       
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "SAPPHIRE" ||  value == "PLATINUM" ||  value == "GOLD" ||  value == "SILVER" ||  value == "BRONZE") {
         
        } else {
        $(this).css('display', 'none');  }})
   
    };
    function emerald()
    {
       
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "EMERALD" ||  value == "SAPPHIRE" ||  value == "PLATINUM" ||  value == "GOLD" ||  value == "SILVER" ||  value == "BRONZE") {
         
        } else {
        $(this).css('display', 'none');  }})
   
    };
    function ruby()
    {
       
       $('span.m-color').each(function() {
        var value = $(this).text();
        if (value == "RUBY" ||  value == "EMERALD" ||  value ==...