2013-07-29 3 views
2

У меня есть два выпадающих списка для автомобилей и моделей, когда выбрана марка. Мне нужно, чтобы все ее модели отображались в следующем окне. На данный момент, используя следующий код, модели отображаются, когда вызывается щелчок.как вызвать javascript при выборе варианта выпадающего списка

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> 
+1

Вы можете оставить свой HTML, а? – mohkhan

ответ

5

использовать onchange событие переключателя.

вот demo

+1

заменен onmousedown с onchange - работал шарм - спасибо огромное !!! – wazzaday

0

Попробуйте это:

<select name="Pizza" size="5" 
    onchange="myFunctionHere()"> 
    <option value="P101">Pizza Napoli</option> 
    <option value="P102">Pizza Roma</option> 
</select> 
Смежные вопросы