自动加载第二个下拉使用AJAX(Auto Load Second Dropdown using AJ

2019-10-19 07:18发布

其装载的一个问题IM AJAX和我试图按照此答案由Praveen Kumar 第一菜单下拉自动改变第二个下拉选项 ,也从阅读有关Ajax http://codex.wordpress.org/AJAX_in_Plugins ,它是有报价

自从2.8版本,JavaScript的全局变量ajaxurl情况下可以使用您想从PHP文件分开你的JavaScript代码到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脚本我试过了POSTGET和删除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



文章来源: Auto Load Second Dropdown using AJAX