Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/312.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态表单创建和添加输入字段_Javascript_C#_Asp.net_Ajax_Forms - Fatal编程技术网

Javascript 动态表单创建和添加输入字段

Javascript 动态表单创建和添加输入字段,javascript,c#,asp.net,ajax,forms,Javascript,C#,Asp.net,Ajax,Forms,我目前正在从事一个项目,该项目是一个在线测验创建系统,该系统应具有用户创建自己的测验、问题和可能的答案的功能,然后将其发送给其他用户,以便他们能够解决测验。我使用c#作为后端。我面临的问题是动态地在测验中创建问题和可能的答案。我不知道如何创建一个动态表单,以便用户可以创建一个问题并添加可能的答案。我希望用户能够创建如下问题: 问题1:谁是美国第一任总统 a) 约翰·亚当斯 b) 托马斯·杰斐逊 c) 乔治华盛顿 添加答案 创建另一个问题 如果用户决定再添加一个可能的答案,则按“添加答案”。 当他

我目前正在从事一个项目,该项目是一个在线测验创建系统,该系统应具有用户创建自己的测验、问题和可能的答案的功能,然后将其发送给其他用户,以便他们能够解决测验。我使用c#作为后端。我面临的问题是动态地在测验中创建问题和可能的答案。我不知道如何创建一个动态表单,以便用户可以创建一个问题并添加可能的答案。我希望用户能够创建如下问题:

问题1:谁是美国第一任总统

a) 约翰·亚当斯

b) 托马斯·杰斐逊

c) 乔治华盛顿

添加答案

创建另一个问题

如果用户决定再添加一个可能的答案,则按“添加答案”。 当他按下“创建另一个问题”时,应该创建一个空表单来键入他的问题并添加可能的答案

问题1:谁是美国第一任总统

a) 约翰·亚当斯

b) 托马斯·杰斐逊

c) 乔治华盛顿

一些总统

添加答案

创建另一个问题

有人做过类似的事情吗?我已经搜索了一段时间,但我找不到我需要的东西。 我不是在寻找一个完整的代码解决方案,只是一些帮助,这样我就可以继续我的项目


非常感谢您的时间。

如果您可以指定是否使用任何类似的js框架,这将使提供示例更加容易,但由于不是这样,我在vanilla js中创建了相同的函数,这将有助于添加动态字段功能

function addAnswerFields(){

   //Get reference of container and append Text in it
   var container = document.getElementById("container");
   container.appendChild(document.createTextNode("Answer "));

   //Get reference of container and append Input field in it
   var input = document.createElement("input");
   input.type = "text";
   container.appendChild(input);

   // Add Br tag to move input fields on next line
   container.appendChild(document.createElement("br"));
}
当用户单击“创建另一个问题”时,将弹出一个字段供他键入答案。此外,建议您可以在字段的右侧添加一个按钮。单击该按钮后,字段将替换为P标记或您用于将其显示为答案的任何其他标记。希望这有帮助