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控制台中仍然出现错误，错误说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

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

1 个答案: