Dropdown onchange事件在Wordpress中未被解僱

Question

沒有事件在更改下拉值時被激發。請，有人可以告訴我哪裏可以出錯嗎？

JS代碼

jQuery(document).ready(function($){ 
    jQuery('#_ccounts select').on('change', function(){ 
     var acc = jQuery(this).val(); 
     alert(acc); 
    }); 
}); 

HTML代碼

<label for="_accounts">Accounts</label> 
    <select id="_accounts" name="accounts"> 
    <option value="" disabled="disabled" selected="selected">Select an account..</option> 
    <option value="1">abc</option><option value="2"DEF</option>    </select> 

Answer 1

ID是每個元件獨特所以ID是不夠的，選擇器

錯字：錯過了在ID選擇的jQuery（ '#_ ccounts'）

jQuery(document).ready(function($) { 
 
    jQuery('#_accounts').on('change', function() { 
 
    var acc = jQuery(this).val(); 
 
    alert(acc); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="_accounts">Accounts</label> 
 
<select id="_accounts" name="accounts"> 
 
    <option value="" disabled="disabled" selected="selected">Select an account..</option> 
 
    <option value="1">abc</option> 
 
    <option value="2">DEF</option>    
 
</select>

Answer 2

因爲#_ccounts不是正確的選擇。它的存在在你的HTML更好地利用選擇#_accounts

的直接id

jQuery(document).ready(function($) { 
 
    jQuery('#_accounts').on('change', function() { 
 
    var acc = jQuery(this).val(); 
 
    alert(acc); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="_accounts">Accounts</label> 
 
<select id="_accounts" name="accounts"> 
 
    <option value="" disabled="disabled" selected="selected">Select an account..</option> 
 
    <option value="1">abc</option><option value="2"DEF</option>    </select>