HTML
如何分配动态ID,例如person_id_100,person_id_200 ...和child_id_100,child_id_200 ...值100、200是实际的person_id。
我们可以不用jQuery吗?
提前致谢。
使用jquery动态创建具有递增ID的div的可能重复项
@ChaitanyaGadkari谢谢。 但是有可能没有jQuery。 就像id =" person + person_id"。
看看[thymeleaf论坛](forum.thymeleaf.org/),有一个使用th:each和计数器为输入元素设置id的解决方案。
@GuillermoFernndez。 谢谢。 我将尝试解决方案。
如果您打算变得更认真,则jQuery可能值得学习,但这可以通过一个简单的javascript文件来完成:
//saved as javascript.js
var formId ="searchPersonForm";
var inputArray = [];
for(var x=0;x < 10;x++){
var newId = x*100
var newInput = document.createElement("input")
newInput.id ="person_id_" + newId
inputArray.push(newInput);
}
for(var x=0;x < inputArray.length;x++){
document.getElementById(formId).appendChild(inputArray[x])
console.log(inputArray[x].id)
}
只需在实例化表单后的某个时候在页面中包含脚本即可:
输出:
person_id_0
javascript.js:11 person_id_100
javascript.js:11 person_id_200
javascript.js:11 person_id_300
javascript.js:11 person_id_400
javascript.js:11 person_id_500
javascript.js:11 person_id_600
javascript.js:11 person_id_700
javascript.js:11 person_id_800
javascript.js:11 person_id_900
感谢您详细解释。
NP。 顺便说一句,不确定您是否知道,但是如果您找到答案或评论有帮助,您可以竖起大拇指。