Javascript 动态表单创建和添加输入字段
我目前正在从事一个项目,该项目是一个在线测验创建系统,该系统应具有用户创建自己的测验、问题和可能的答案的功能,然后将其发送给其他用户,以便他们能够解决测验。我使用c#作为后端。我面临的问题是动态地在测验中创建问题和可能的答案。我不知道如何创建一个动态表单,以便用户可以创建一个问题并添加可能的答案。我希望用户能够创建如下问题: 问题1:谁是美国第一任总统 a) 约翰·亚当斯 b) 托马斯·杰斐逊 c) 乔治华盛顿 添加答案 创建另一个问题 如果用户决定再添加一个可能的答案,则按“添加答案”。 当他按下“创建另一个问题”时,应该创建一个空表单来键入他的问题并添加可能的答案 问题1:谁是美国第一任总统 a) 约翰·亚当斯 b) 托马斯·杰斐逊 c) 乔治华盛顿 一些总统 添加答案 创建另一个问题 有人做过类似的事情吗?我已经搜索了一段时间,但我找不到我需要的东西。 我不是在寻找一个完整的代码解决方案,只是一些帮助,这样我就可以继续我的项目Javascript 动态表单创建和添加输入字段,javascript,c#,asp.net,ajax,forms,Javascript,C#,Asp.net,Ajax,Forms,我目前正在从事一个项目,该项目是一个在线测验创建系统,该系统应具有用户创建自己的测验、问题和可能的答案的功能,然后将其发送给其他用户,以便他们能够解决测验。我使用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标记或您用于将其显示为答案的任何其他标记。希望这有帮助