How to run a function according the choice from the drop-list?

Question

I have drop-down list with list of many options. Every time when a user make a choice then specific function starts.

$('#host').on('change', function() {

  if ( $('#host').val() == 'stack' ) stack();
  else if ( $('#host').val() == 'exchange' ) exchange();
  else if ( $('#host').val() == 'something' ) something();
  ...

}

The list become very long because more function will be added. Is there a shorter way to execute name of the function from $('#host').val()?

score 1 · Answer 1 · answered Jul 04 '14 at 13:36

1

Try to call it from the window's object,

$('#host').on('change', function() {
  window[this.value]();
});

answered Jul 04 '14 at 13:36

Rajaprabhu Aravindasamy

66,513
17
101
130

Ok, finally I found working solution. I needed to use `eval($('#host').val() + "();");` – Lucas Jul 04 '14 at 13:59

score 0 · Answer 2 · answered Jul 04 '14 at 13:51

Take a look at this demo: JSFIDDLE

JS code:

$(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();
    });
});

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>

Sorry, but the question was different. And I found the answer. Thanks anyway. — Lucas, Jul 04 '14 at 14:03

score 0 · Accepted Answer · answered Jul 04 '14 at 14:05

0

I found an answer in different question, so the only way that works for me is:

eval($('#host').val() + "();");

answered Jul 04 '14 at 14:05

Lucas

2,924
8
27
32

How to run a function according the choice from the drop-list?

3 Answers3