更新选择列表而不刷新 [PDO/PHP/AJAX]

Posted

技术标签:

【中文标题】更新选择列表而不刷新 [PDO/PHP/AJAX]【英文标题】:Update select list without refresh [PDO/PHP/AJAX] 【发布时间】:2015-10-20 22:50:55 【问题描述】:

我正在使用引导程序,并且我创建了将数据插入数据库的 teo 选项卡,但是第一个选项卡有一个选择列表,可以加载使用第二个选项卡中的表单插入的数据。 问题是我无法在不刷新页面的情况下填写第一个选项卡中的选择列表。 我在 *** 和谷歌搜索中尝试了许多解决方案,但没有一个成功。

这是表单和php的代码:

<form class='form-horizontal' role='form' action="index.php" method="post" id="nl_0" name="nl_0">
<div class='form-group'>
    <label class='control-label col-md-2 col-md-offset-2' for='id_accomodation'>Tipo de Produto</label>
        <div class='col-md-2'>
            <select class='form-control' id='id_accomodation' name="id_accomodation" onchange="this.form.submit();">
                <?php
                try
                
                    $db = new PDO("pgsql:host=localhost dbname=blablabla user=postgres password=*****");
                    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
                    $stmt = $db->prepare("SELECT * FROM taxes ORDER BY type");
                    $stmt->execute();

                    while ($row = $stmt->fetch(PDO::FETCH_ASSOC))
                    
                        $options .= "<option>" . $rowtype . "</option>";
                    
                
                catch(PDOException $e)
                
                    echo "Error:". $e->getMessage();
                
                ?>
                    <?php echo $options;?>
            </select>
        </div>
    </div>

唯一不起作用的是不刷新的自动更新。 任何帮助我都会非常感激!

【问题讨论】:

您要查找的关键字是Ajax 是的,我已经尝试过 AJAX。如果我没有尝试过,我不会用标签 AJAX ¬¬ 标记帖子 您想要一个 php 文件,它只返回(即回显或打印)下拉列表而不是整个 html 文件。然后在您的 html 文件(或整个 html 文件的 php 文件)中使用 ajax 调用该 php 文件以获取该组件并将其粘贴在 div 中 还有什么不适用于 Ajax? 即不要让 index.php 通过 ajax 调用 index.php,因为那只会返回整个页面的副本......我想这就是你所做的,因为这是每个人第一次做的事情 【参考方案1】:

解决了对每个选项卡请求使用 ajax 并再次编写我的代码。

【讨论】:

Alex,你能分享你修复它的代码吗?我有一个非常相似的问题。 抱歉这么久才回答!将尝试找到代码并将其发布在此处。

以上是关于更新选择列表而不刷新 [PDO/PHP/AJAX]的主要内容,如果未能解决你的问题,请参考以下文章

以角度刷新下拉列表而不重新加载页面

更新数据库而不使用超链接刷新页面

React Firebase 更新组件而不刷新

在php中反映列表而不刷新页面

Angular 9将新项目添加到列表而不刷新列表

更新页面上的数据而不刷新