使用 ajax 用 SQL 填充下拉列表 - Using ajax to populate dropdown with SQL

Using ajax to populate dropdown with SQL

本文关键字：填充下拉列表 SQL ajax 使用 | 更新日期: 2023-09-27

所以我对ajax比较陌生，但我对正在发生的事情有一个想法。我有一个注册表，它使用数据库中的ajax更新"国家，城市和地区"的字段。

php看起来像这样

<select disabled name="City" id="City<?php $template->the_instance(); ?>"   >
        <?php
            global $wpdb;
            $results = $wpdb -> get_results("SELECT Distinct City FROM Location WHERE Country = '".$selected_country."'");
            foreach ($results as $row)
            {
                echo "<option value='"$row->City'">" . $row->City. "</option>";
            }
            echo "</select>";
        ?>

java脚本看起来像这样

$("#Country").change (function(){
     var selected_country = $('#Country option:selected').val();
       if (selected_country !=''){
         $('#City').prop('disabled', false);
        }
        else {
          $('#City').prop('disabled', 'disabled');
        }
        $.ajax({
            url: ajax_object.ajaxurl,
            type : 'post',
            data : {
                action : 'fetch_city',
                selected_country: selected_country
            }
            })
     })

如果我更改将请求发送到myform的"url".php，则下拉列表的结果不会使用实际的数据库结果进行更新。我的猜测是我错过了一步。

附言我还没有使用"动作"，因为我不确定它是否有帮助。我确实将其添加到函数.php文件中并动态挂钩。

希望这是有道理的

您的 $.ajax 调用缺少成功函数，例如

success: function(data) {
        $('#City').html(data);
    }

但是，要获得所需的结果，您必须从数据库查询中返回适当的json_encoded结果。

代码的某些部分丢失或损坏？例如，$selected_country从哪里来？您可能也没有任何带有 id 'City' 的元素，因为您要将 $template->the_instance（）中的任何内容附加到其中。

你也从不处理来自Ajax请求的响应。