Jquery на событии изменения не стрельбы

Question

события не стреляя по какой-то причине

<div id="plotSelectionBar"> 
    <span>Select What to plot</span> 
    <select class="plotSelector" id="firstDropdown"> 
     <option value="A">A</option> 
     <option value="B">B</option> 
     <option value="C">C</option>     
    </select> 

    <span>Select What to plot2</span> 
    <select class="plotSelector" id="secondDropdown"> 
     <option value="A">A</option> 
     <option value="B">B</option> 
     <option value="C">C</option>     
    </select> 
</div> 

Ручка события следующим образом:

$('.plotSelector').change(function(e) 
{ if (this.id="firstDropdown) 
    { 
    //do something 
    } 
    else {//do something} 
}); 

У меня есть другой дескриптор события над этой, которая стреляет просто отлично , Что происходит?

Answer 1

У вас есть ошибка синтаксиса и необходимо вызвать документ готов после этого только использовать элемент событие изменения

$(document).ready(function() { 
 
    $('.plotSelector').change(function(e){ 
 
     if(this.id == "firstDropdown") 
 
     alert(1) 
 
     else 
 
     { 
 
      alert(2) 
 
     } 
 
    }) 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<div id="plotSelectionBar"> 
 
    <span>Select What to plot</span> 
 
    <select class="plotSelector" id="firstDropdown"> 
 
     <option value="A">A</option> 
 
     <option value="B">B</option> 
 
     <option value="C">C</option>     
 
    </select> 
 

 
    <span>Select What to plot2</span> 
 
    <select class="plotSelector" id="secondDropdown"> 
 
     <option value="A">A</option> 
 
     <option value="B">B</option> 
 
     <option value="C">C</option>     
 
    </select> 
 
</div>