如何在页面加载时在下拉列表中添加onchange事件以及在onchange事件中执行ajax调用

Question

我正在使用HTML和JQuery。

我有下面的HTML下面。

<select onkeydown="if (!document.all) { window.setTimeout(function(e0) { return function() { if (document.forms.length &gt; 0) { document.forms[0].submit(); } } }(this),0) }" onchange="if (document.forms.length &gt; 0) document.forms[0].submit();" name="city" id="departure_city" class="formField"> 
<option value="">Choose your city</option> 
<option selected="selected" value="556310">Caracas (CCS)</option> 
<option value="556274">Da Nang (DAD)</option> 
</select>  

在上面下拉列表中，首先我要删除所有附加事件代码，并有新鲜的的onChange（），安其（）事件绑定页面加载并执行AJAX调用页面/specialOffer.aspx，发布数据为departure_city = DAD为，从下拉值中选择。

请建议！

谢谢。

最好的问候， MKS

Answer 1

<select name="city" id="departure_city" class="formField"> 
    <option value="">Choose your city</option> 
    <option selected="selected" value="556310">Caracas (CCS)</option> 
    <option value="556274">Da Nang (DAD)</option> 
</select>  

和JS：

$(function() { 
    $('#departure_city').change(function() { 
     $.ajax({ 
      url: '/specialOffer.aspx', 
      data: { departure_city: $(this).val() }, 
      success: function(result) { 
       // TODO: 
      } 
     }); 
    }); 
});