Question

我一直在寻找有关如何允许表单用户创建自定义表单的教程。

例如，用户有一个带有选项的选择框：

协议1
协议2
Protocol 3

如果用户选择协议1，将出现一系列新的输入标签（即输入字段，文本区域等）。如果用户选择协议2，则会出现一组不同的输入标签。

我之前在其他网站上看过它，但无法找到教程或其中的任何文档。可以用简单的旧CSS隐藏和JS来完成，还是有更多的东西在玩？请记住，我希望用户能够根据协议选择将数据提交到不同的表中。

谢谢！

Answer 1

你当然可以用CSS和JS做到这一点......虽然我非常喜欢在这样的事情上使用jQuery。重新发明轮子，还是用它？这可能在技术上不能回答你的问题，因为它不是纯粹的JS，但也许你只是希望它以某种方式完成。

HTML：

<select name="select">
    <option value="value1">Value 1</option> 
    <option value="value2" selected>Value 2</option>
    <option value="value3">Value 3</option>
</select>
<div id="set-one"   class="set">Hi</div>
<div id="set-two"   class="set">Hey</div>
<div id="set-three" class="set">Hello</div>

JavaScript的：

jQuery("#select").on("change", function() {
    selection = jQuery(this).val();
    if (selection === "value1") {
        jQuery("set").hide();
        jQuery("set-one").show();
    } else if (selection === "value2") {
        jQuery("set").hide();
        jQuery("set-two").show();
    } else if (selection === "value3") {
        jQuery("set").hide();
        jQuery("set-three").show();
    }
}

他们是怎么回事？

HTML / PHP / JS表单，根据选择框输入更改标签

1 个答案: