php - 使用 Ajax 进行下拉绑定(bind)，无需刷新页面

Question

PHP 中的表单字段:

开始日期:_____

结束日期:______

下拉菜单:下拉列表

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

Answer 1

如果您使用 jQuery(如果不使用它作为伪代码):

$( ".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 调用的结果更新下拉列表。