jquery中的onchange事件

Question

我試圖在select字段的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>

Answer 2

使用它可能很有用

$(this).val()

代替

$('#payment_method').val()

避免DOM查找。