javascript - jQuery 中的 onchange 事件

Question

我正在尝试在选择字段上的 jQuery 中实现 onchange 事件，因为 jQuery 不会产生跨浏览器兼容性问题。我的脚本代码是:

<script>
  $('#payment_method').change(function () {
     if ($('#payment_method').val() == 'check') {
        alert('hello');
     }  
  });
</script>

这是选择字段的代码:

<select id="payment_method" name="country" class="form-control" >
    <option value="">Select One</option>
    <option value="check">Check</option>
    <option value="bank_transfer">Bank/Wire Transfer</option>
    <option value="paypal">Paypal</option>
    <option value="smart_card">Smart Money Card</option>
</select>

但是当我选择检查选项时没有任何反应。

Answer 1

您需要就绪事件才能在文档准备就绪时运行代码。

<script>
    $(document).ready(function(){
      $('#payment_method').change(function () {
       if ($(this).val() == 'check') {
       alert('hello');
      } 
    });
      });
    </script>