Question

我正在尝试制作一个提出几个问题的表单，但我无法弄清楚如何选择只有当您选择“是”时才显示的问题，如果您单击“否”则不会显示。

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

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

如果选择Yes，则会在下方显示新问题：

你使用哪种？

实
微博

等

如果没有被选中，这个问题就不会出现。

Answer 1

点击此处：http://jsfiddle.net/b1y36sne/1/

＆＃13;

<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>

＆＃13;

希望它有所帮助！

Answer 2

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

制作仅在满足先决条件时才出现的表单

2 个答案: