使用dom Javascript向表单添加新创建的标签和输入文本?

使用dom Javascript向表单添加新创建的标签和输入文本?,javascript,jquery,html,dom,dom-events,Javascript,Jquery,Html,Dom,Dom Events,我有三个字段将由用户填写。 一人回答问题,另外两人回答建议的答案。我想让用户在每次单击AddProposition时都可以添加第三个命题,或者添加他想要的命题。我开始编写函数,但仍然没有编写 <head> <script> function myFunction(){ var x = document.createElement("LABEL"); var t = document.createTextNode("Tit

我有三个字段将由用户填写。 一人回答问题,另外两人回答建议的答案。我想让用户在每次单击AddProposition时都可以添加第三个命题,或者添加他想要的命题。我开始编写函数,但仍然没有编写

<head>
    <script>
      function myFunction(){
        var x = document.createElement("LABEL");
        var t = document.createTextNode("Titre");
        x.appendChild(t);
      }
    </script>
</head>

<body>
    <form id="myForm" method="POST" action="./exam_coordinates">
        <label for="question"> Question </label> <br>
        <input class="champ" type="textarea" name="question" id="question" value=""><br><br>
        <label for="ans"> Answers </label> <br>
        <input type="checkbox" name="ans1" id="ans1" values="" />
        <input type="text" name="ans1" id="ans1" value=""><br>
        <input type="checkbox" name="ans2" id="ans2" />
        <input type="text" name="ans2" id="ans2" value=""><br>
        <br>
        <button onclick="myFunction()">Add proposition</button> <br><br><br>
        <input type="submit" value="submit">
    </form>
</body>

函数myFunction(){
var x=document.createElement(“标签”);
var t=document.createTextNode(“Titre”);
x、 儿童(t);
}
问题


答案



添加命题



在函数中,必须将标签附加到其父函数中。如下-

函数myFunction(){
var form=document.getElementById(“myForm”);
var输入=document.createElement(“输入”);
form.appendChild(输入)
}

问题


答案



添加命题


在函数中,必须将标签附加到其父函数中。如下-

函数myFunction(){
var form=document.getElementById(“myForm”);
var输入=document.createElement(“输入”);
form.appendChild(输入)
}

问题


答案



添加命题

若我答对了你们的问题,你们需要添加输入,从用户那个里得到他想要的更多答案。如果是,请参见以下内容-

var addButton=$('add#u按钮');
var wrapper=$('more#u answers');
$(添加按钮)。单击(函数(e){
e、 预防默认值();
var lastID=$(“#myForm input[type=text]:last”).attr(“id”);
var nextId=parseInt(lastID.replace(/^\D+/g',)+1;
$(包装器).append(``);
});
$(包装器)。在(“单击”,“删除”,函数(e){
e、 预防默认值();
$(this.parent('div').remove();
})

问题


答案



添加命题


若我答对了你们的问题,你们需要添加输入,从用户那个里得到他想要的更多答案。如果是,请参见以下内容-

var addButton=$('add#u按钮');
var wrapper=$('more#u answers');
$(添加按钮)。单击(函数(e){
e、 预防默认值();
var lastID=$(“#myForm input[type=text]:last”).attr(“id”);
var nextId=parseInt(lastID.replace(/^\D+/g',)+1;
$(包装器).append(``);
});
$(包装器)。在(“单击”,“删除”,函数(e){
e、 预防默认值();
$(this.parent('div').remove();
})

问题


答案



添加命题



可能有帮助,使用jQuery可能有帮助,使用jQueryGreat@Tushar,就是这样!我运行了这个片段,它显示了预期的结果。但是我要把你写的第一段代码放在我自己的页面上,以便在用户点击按钮时调用。(考虑到我是javascript新手)您可以将其添加到相关HTML中可访问的js文件中,也可以添加到HTMLGreat@Tushar右侧的
标记中,就是这样!我运行了这个片段,它显示了预期的结果。但是我要把你写的第一段代码放在我自己的页面上,以便在用户点击按钮时调用。(考虑到我是javascript新手)您可以将其添加到相关HTML中可访问的js文件中,或者添加到HTMLwell中添加标签的
标记中。输入类型=“text”如何?我也问过,它会有另一种方式为您更新代码片段。检查第一个例子。啊,很好,包装纸呢?好的,这就增加了标签。输入类型=“text”如何?我也问过,它会有另一种方式为您更新代码片段。检查第一个示例。啊,很好,包装器呢?