jquery : Call function on select box change event

by Rahul Gupta

HTML

<select id="host">
    <option value="">Select value</option>
    <option value="stack">stack</option>
    <option value="exchange">exchange</option>
    <option value="something">something</option>
</select>

JavaScript

$(document).ready(function(){
    function stack()
    {
        alert('Called function stack');
    }
    function exchange()
    {
        alert('Called function exchange');
    }
    function something()
    {
        alert('Called function something');
    }
    $('#host').on('change', function() {
    
      if ( $('#host').val() == 'stack' ) stack();
      else if ( $('#host').val() == 'exchange' ) exchange();
      else if ( $('#host').val() == 'something' ) something();
    });
});