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中没有它更好使用select id的直接#_accounts

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>

下载onchange事件在Wordpress中根本没有被触发

2 个答案: