使用 AJAX 自动加载第二个下拉列表

Question

我在加载AJAX 时遇到问题，我试图通过Praveen Kumar 来关注这个答案 First drop down menu to auto change the options of a second dropdown 并从http://codex.wordpress.org/AJAX_in_Plugins 阅读有关 ajax 的信息，并在此处引用

从2.8版本开始，可以使用javascript全局变量ajaxurl 如果您想将 javascript 代码从 php 文件中分离到 仅 javascript 文件。这只适用于管理方面。

所以我想在我的页面中加载 ajax 没有问题。我的代码是这样的

HTML：

  <form action="#" method="POST">
    <select name="region" onchange="messi_code(this.value)">
        <option>Region Select</option>
        <option value="East">East</option>
        <option value="West">West</option>
        <option value="North">North</option>
            <option value="South">South</option>
    </select>
    <br>
    <select id="region_branch" name="region_branch">
        <option>Select City</option>
    </select>

</form>

AJAX：

<script type="text/javascript">
function  messi_code(parent){
     url= 'process.php?parent=' + parent,
     $.get(url,function(data){
       alert(data);
     /* $("#region_branch").html(data);*/
    });
}
</script>

顺便说一句，在 ajax 脚本中，我尝试了 POST、GET 并删除了 type，但 J-console 中仍然出现错误，错误显示为 Uncaught ReferenceError: ajaxfunction is not defined: onchange

希望能得到一些帮助。

Answer 1

<form action="#" method="POST">
    <select name="region" onchange="messi_fan(this.value);">
        <option>Region Select</option>

        <option value="East">East</option>
        <option value="West">West</option>
        <option value="North">North</option>
            <option value="South">South</option>
    </select>
    <br>
    <select id="region_branch" name="region_branch">
        <option>Select City</option>
    </select>

</form>


<script>
     function  messi_fan(parent){
     url= 'process.php?parent=' + parent;
     $.post(url,function(data){
       alert(data);
    });
}
</script>

jsfiddle