如何选择下拉选项时触发javascript

Question

我有两个汽车品牌和型号的下拉框，当选择品牌时，我需要将其所有型号显示在下一个框中。截至目前使用下面的代码，模型显示在单击下拉菜单时。

window.onmousedown = function(e){ 
    this.id = e.target.id; 
    if(this.id == "vehicle_makes"){ 
     var make = document.getElementById("vehicle_makes").value; 
     ajaxCall(make); 
    } 
} 

不过，我需要的JavaScript时，从下拉菜单中的选项被选中，而下拉打开时比触发。

这里也就是html的 - 有一些PHP

<div class="vehicle-search-wrap"> 
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>"> 
     <div> 
      <select id="vehicle_makes" name="s"> 
      <?php 
       foreach($makes as $make){ //put all makes in dropdown 
        echo "<option value='". $make ."'>". $make ."</option>"; 
       } 
      ?> 
      </select> 
      <select id="model_drop" name="vmodels"> 
      <?php 
      //nothing to start 
      ?> 
      </select>  
      <input type="submit" value="Search Vehicle" /> 
     </div> 
    </form> 
</div> 

Answer 1

使用onchange事件选择框的。

这里是一个demo

Answer 2

试试这个：

<select name="Pizza" size="5" 
    onchange="myFunctionHere()"> 
    <option value="P101">Pizza Napoli</option> 
    <option value="P102">Pizza Roma</option> 
</select>