使用dom Javascript向表单添加新创建的标签和输入文本?
我有三个字段将由用户填写。 一人回答问题,另外两人回答建议的答案。我想让用户在每次单击AddProposition时都可以添加第三个命题,或者添加他想要的命题。我开始编写函数,但仍然没有编写使用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
<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”如何?我也问过,它会有另一种方式为您更新代码片段。检查第一个示例。啊,很好,包装器呢?