gpt4 book ai didi

javascript - 如何在循环内以编程方式命名 1000 个文本框

转载 作者:行者123 更新时间:2023-12-02 16:22:35 25 4
gpt4 key购买 nike

我有 1000 个文本框。我尝试使用字符串替换函数或任何方法在 5 分钟内以编程方式为所有 1000 个文本框输入名称。

<html>
<form id="exp">
<input type="text" value="A1">
<input type="text" value="A2">
<input type="text" value="A3">
.
.
.
<input type="text" value="A1000">
</form>
</html>
var element = document.getElementById("exp");
var html = element.outerHTML;
html = html.replace("input type="text"","input type="text" name="name"");

我想将我的预期结果显示为“var html”,如下所示

<html>
<form id="exp">
<input type="text" name="textbox1" value="A1">
<input type="text" name="textbox2" value="A2">
<input type="text" name="textbox3" value="A3">
.
.
.
<input type="text" name="textbox1000" value="A1000">
</form>
</html>

最佳答案

用正则表达式匹配 html 是 bad idea 。不知道为什么你会用正则表达式来做到这一点。选择元素并将其设置为循环。

document.querySelectorAll("#exp input").forEach(function (inp, index) {
inp.name = 'textbox' + (index + 1);
// inp.name = `textbox${index + 1}`;
})
<form id="exp">
<input type="text" value="A1">
<input type="text" value="A2">
<input type="text" value="A3">
</form>

关于javascript - 如何在循环内以编程方式命名 1000 个文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60059018/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com