如何在页面加载的下拉列表中添加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（），onkey（）事件绑定并执行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:
            }
        });
    });
});