加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax – 刷新php内容onchange

发布时间:2020-12-16 02:53:44 所属栏目:百科 来源:网络整理
导读:我正在创建一个包含三个主要字段和几个附加字段的表单.其中一个主要字段是选择类型,还会选择一些其他字段.所有选择字段的值来自连接到数据库的包含的.php文件.我的目标是使附加字段仅显示与主选择字段的选择相关的值.我看到它的方式是onClick的主要选择我将
我正在创建一个包含三个主要字段和几个附加字段的表单.其中一个主要字段是选择类型,还会选择一些其他字段.所有选择字段的值来自连接到数据库的包含的.php文件.我的目标是使附加字段仅显示与主选择字段的选择相关的值.我看到它的方式是onClick的主要选择我将调用带有ajax的 javascript函数,它会将新值发送到同一页面并刷新主div的内容(包含所有包含php的文件,这将占用新参数并显示所需的值)

body
  div id=container
   div id=menu
   div id=main

我对ajax的所有了解都是如何将变量发送到不同的php页面并获得回显的响应.有人可以解释如何在刷新特定div时在同一页面上发送/更改php变量的值. (或者可能有人知道我的问题的更好的解决方案).感谢您的时间!

解决方法

假设你的主要选择是这样的:

<select id="main_select">
    <option value="car">Cars</option>
    <!-- other options -->
</select>

你有一个容器,它应该根据所选的选项显示细节

<div id="details">
    <!-- the details options will be added here -->
</div>

您有一个PHP文件,它根据所选选项回显详细信息

<?php
$mainOption = $_POST['option'];
details($mainOption);

function details($opt)
{
    if($opt == 'car')
        echo '<select class="detail_select">
                <option value="bmw">BMW</option>
                <option value="ferrari">Ferrari</option>
                <option value="porsche">Porsche</option>
            </select>';
    else if($opt == 'another_option')
    {
        echo 'other details';
    }
}
?>

你的Ajax可以是这样的:

$(document).ready(function () {
    $('#main_select').change(function(){
        $.ajax({
            url: "something.php",type: "post",data: {option: $(this).find("option:selected").val()},success: function(data){
                //adds the echoed response to our container
                $("#details").html(data);
            }
        });
    });
});

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读