Событие onchange не запускается на элементе <select>

Question

Я пытаюсь позвонить show(), когда выпадающий список изменяется, но событие не запускается.

<script type="text/javascript"> 
    function show() { 
        alert(document.getElementById("start").value); 
    } 
</script>

<div class="side-by-side clearfix" style="margin-bottom:14px;">
    <select  data-placeholder="Select Loacation" class="chzn-select" tabindex="2" name="source" id="start" onchange="show()">
      <option value="">Select Loacation</option>
      <c:forEach items="${listOfRoutes}" var = "route">
      <option value="${route.source }" >${route.source }</option>
      </c:forEach>
    </select>
</div>

Answer 1

Ваш синтаксис html в порядке, поэтому может быть ошибка с функцией show. Проверьте вашу консоль, чтобы убедиться.

Редактировать: Событие с моего конца ... хм ...

Answer 2

Попробуйте

<script type="text/javascript"> 
   $("#start").change( function() { 
        alert($("#start").val()); 
    }); 
</script>

<div class="side-by-side clearfix" style="margin-bottom:14px;">
    <select  data-placeholder="Select Loacation" class="chzn-select" tabindex="2" name="source" id="start">
      <option value="">Select Loacation</option>
      <c:forEach items="${listOfRoutes}" var = "route">
      <option value="${route.source }" >${route.source }</option>
      </c:forEach>
    </select>
</div>

Answer 3

выглядит хорошо.Я думаю, что ваш getElementById не может получить то, что вы хотите.

Вот небольшой рабочий пример того, что вы хотите - но, как указано.Ваш синтаксис выглядит хорошо.

<script type="text/javascript">        
  function hello() 
  {
    alert("hello");
  }
</script>

<select id="Select1" onchange="hello()">
  <option>1</option>
  <option>2</option>
</select>