制作仅在满足先决条件时出现的表格答案

【问题标题】：Making a form that only appears if prerequisites are met制作仅在满足先决条件时出现的表格
【发布时间】：2015-05-13 03:18:54
【问题描述】：

我正在尝试制作一个提出几个问题的表单，但我不知道如何制作一个仅在您选择“是”时才会出现的问题，并且在您单击“否”时不会显示。

喜欢（只是一个基本的例子）：

Do you use any social media site?
Yes/No (in a dropdown)

如果选择Yes，下面会出现一个新问题：

你用哪个？

脸书
推特

等等

如果选择否，则不会显示此问题。

【问题讨论】：

对于大问题.. 和 gie 元素：使用 jquery，否则您可以直接使用 limesurvey.org。

标签： html forms hidden survey

【解决方案1】：

在这里查看：http://jsfiddle.net/b1y36sne/1/

<select id="social" name="social" onchange="change_fc()" placeholder="">
    <option value="" disabled selected>Do you use any social media site?</option>
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>
<div id="which" style="display: none;">
<select id="which_sm" name="which">
    <option value="" disabled selected>Which do you use?</option>
    <option value="facebook">Facebook</option>
    <option value="twitter">Twitter</option>
</select>
</div>
<script>
function change_fc() {
    var the_value = document.getElementById("social").value;
    if(the_value=="yes") {
        document.getElementById('which').style.display = "block";
    } else {
        document.getElementById('which').style.display = "none";
    }
}
</script>

希望对你有帮助！

【讨论】：

谢谢！是否可以添加仅在选择“是”时才出现的另一个问题，例如“多久（例如）”
我是一个完整的初学者，我该怎么做呢？谢谢和抱歉哈哈

【解决方案2】：

@KSykes 我过去做过类似的事情并使用了映射 xml 文件。我会根据用户选择的条件加载用户控件。这个用户控件的属性，如名称、路径等都写在你的地图文件上。我认为这是最好的方法，因为您可以根据需要制作尽可能多的不同用户控件。没有什么是硬编码的，您只需为不同的条件制作一个不同的 map.xml 文件......甚至问题可能来自用户控件并从您的地图文件中写入的路径加载。

【讨论】：