使用AJAX自动加载第二个下拉菜单 [英] Auto Load Second Dropdown using AJAX

问题描述

我在加载 AJAX 时遇到问题，我尝试通过 Praveen Kumar 遵循此答案第一个下拉菜单自动更改第二个下拉菜单的选项并从 http://codex.wordpress.org/AJAX_in_Plugins 中了解有关Ajax的信息，并在其中引用

Im having a problem loading the AJAX and I tried to follow this answer by Praveen Kumar First drop down menu to auto change the options of a second dropdown and also read about ajax from http://codex.wordpress.org/AJAX_in_Plugins and it is quoted there

从2.8版开始，可以使用javascript全局变量ajaxurl如果您想将javascript代码与php文件分开，仅限javascript文件.仅在管理方面如此.

Since Version 2.8, The javascript global variable ajaxurl can be used in case you want to separate your javascript code from php files into javascript only files. This is true on the administration side only.

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

So i guess there is no problem loading ajax in my page. My code goes like this

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-控制台，错误提示未捕获的ReferenceError:未定义ajaxfunction:onchange

by the way, in the ajax script I tried POST, GET and remove the type and still having an error in the J-console, error says Uncaught ReferenceError: ajaxfunction is not defined: onchange

在此感谢您的帮助.

推荐答案

<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自动加载第二个下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！