下拉列表使用Ajax绑定，无需刷新页面

Question

PHP中的表单字段：

开始日期： _ __ _ _

结束日期： _ __ _ __

下拉列表：下拉列表

输入结束日期后需要绑定下拉列表而不刷新页面并使用Ajax。这该怎么做？必须将开始和结束日期值发送到MySql并检查条件，并根据条件选择，然后必须填写DropDown。

Answer 1

如果您正在使用jQuery（如果不使用它作为psudocode）：

$( ".startdate .enddate" ).change(function() {
    if(typeof $( ".startdate" ).val() !== "undefined" && $( ".startdate" ).val() !== "" 
    && typeof $( ".enddate" ).val() !== "undefined" && $( ".enddate" ).val() !== "" ) {
        //do optional formatting and ajax call here
        //update the dropdown using results of ajax call
    }
});

基本上，在更新日期时创建事件监听器，然后如果它们都有效，则执行ajax调用，然后使用ajax调用的结果更新下拉列表。