如何使用AJAX/PHP/JAVASCRIPT根据其他列实时显示数据值?

如何使用AJAX/PHP/JAVASCRIPT根据其他列实时显示数据值?,javascript,php,jquery,ajax,real-time,Javascript,Php,Jquery,Ajax,Real Time,我目前正在尝试做一个调查系统。我有一个动态下拉列表,显示表数据库中的一列“questiontitle”。这是我在下拉列表中显示“questiontitle”的代码 <?php $query=mysqli_query($con, "SELECT * FROM question"); while($row=mysqli_fetch_array($query)) { ?> echo "<

我目前正在尝试做一个调查系统。我有一个动态下拉列表,显示表数据库中的一列“questiontitle”。这是我在下拉列表中显示“questiontitle”的代码

<?php
    $query=mysqli_query($con, "SELECT * FROM question"); 
            while($row=mysqli_fetch_array($query))
            {
?>
                    echo "<option value='$row[question_id]'>";
                    echo $row["questiontitle"];
                    echo "</option>";
    <?php
            }
?>
            echo "</select>";
这是我的数据库表。


我的主要问题是,当从下拉列表中实时单击数据而不刷新页面时,如何根据“答案类型”列显示“选项1到选项10列”?如“答案类型”为复选框,则将选项1-10显示为复选框;如为单选按钮,则将选项1-10显示为单选按钮

在选择框中,更改事件将questionid传递到服务器端,查询数据库中的答案类型和选项,并在该方法中添加条件

$options = '';
if(anwsertype=='radio') {
 $options  .= <input type="radio" /> Your option
} else {
 $options  .= <input type="checkbox" />Your option
}

上述条件应在每个选项的循环中。

要实现您的目标,还有很多工作要做。但我可以给你一个小片段,你可以用它来开始

你还需要做的是

在选择框中显示包含所有问题的页面。这是在PHP中完成的 检查ajax是如何工作的。使用ajax功能扩展showQuestion函数,以便从服务器检索问答数据。当你得到答案时,调用相应的函数来显示你的问题和答案。或者将您的所有信息存储在本地。。。 添加一个按钮,以便将答案发送到服务器。收听click事件并发送数据我所写的内容需要进行一些小的修改,但要阅读我在第2点中显示的链接 //问题对象 变量问题={ json1:{ 问题标题:“多久……”, 回答类型:“单选按钮”, 选项:[“重度用户”、“严重用户”、“普通用户”、“轻度用户”] }, json2:{ 问题标题:“一天中的哪一部分……”, 应答类型:“复选框”, 选项:[“上午”、“下午”、“傍晚”、“晚间”] }, json3:{ 问题标题:“……延伸到什么程度?”, 回答类型:“单选按钮”, 选项:['1-5次','6-10次','>10次'] } }; //将问题输入元素添加到容器的函数 函数insertToQuestionBoxels{ var-box=document.getElementById'questionBox'; //清理箱 whilebox.firstChild box.removeChildbox.firstChild; //用els填充 forvar i=0;i解决问题的步骤:创建所有选择,然后将其显示/隐藏为appropriate@Sahadev什么步骤?先生,如果可能的话,您可以展示一些示例代码@user2182349步骤来解决您的问题:1当您从下拉列表中选择问题时,进行ajax调用以获取特定问题id的所有数据。2然后设置一个变量来保存答案键入$answer\u type=3,当您将在for循环中循环选项时,只需在输入类型中传递$answer\u类型。其余的将是相同的。当选择问题时,这是实时的吗?是的,这将是实时的,您必须通过ajax调用服务器端方法。ajax将在选择框的更改方法上运行