Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按enter键后自动编号文本框_Javascript_Html - Fatal编程技术网

Javascript 按enter键后自动编号文本框

Javascript 按enter键后自动编号文本框,javascript,html,Javascript,Html,我的目标是当我在我的文本框上键入“1”,然后点击回车键时,另一个文本框将自动进行编号。例如: 我有3个文本框,在第一个文本框中键入1后 其他2个文本框的值将是2和3,依此类推。我怎样才能做到这一点 您需要从第一个输入中删除只读,并将所有输入键入为编号 第二个和第三个输入自动递增1 const inputs=document.querySelectorAll(“输入”); 输入[0]。addEventListener(“键控”,e=>{ 让value=parseInt(即target.value

我的目标是当我在我的文本框上键入“1”,然后点击回车键时,另一个文本框将自动进行编号。例如:

我有3个文本框,在第一个文本框中键入1后 其他2个文本框的值将是2和3,依此类推。我怎样才能做到这一点


您需要从第一个
输入中删除
只读
,并将所有
输入
键入为
编号

第二个和第三个输入自动递增
1

const inputs=document.querySelectorAll(“输入”);
输入[0]。addEventListener(“键控”,e=>{
让value=parseInt(即target.value);
如果(如keyCode===13){
输入。forEach((inp,i)=>{
如果(i!==0){
inp.value=++值;
}
})
}
})

我们不需要在第一个字段上设置readonly

我更喜欢委托,ID必须是唯一的

const form=document.getElementById(“myForm”);
表格.添加的文本列表器(“按键”,功能(e){
常数tgt=e.target;
if(tgt.classList.contains(“表单控件”)&&tgt.type==“text”&&e.code==“Enter”){
设val=+tgt.value;
const inputs=tgt.closest(“form”).queryselectoral(“input.form控件”);
for(设i=0;i


ID必须是唯一的。您尝试过什么吗?学习用户事件在
上的工作方式很容易,学习如何获取和设置值也很容易。这非常有效。哇,太谢谢你了。真的很有帮助DBtw,我可以问你的答案和第二个回答我问题的人有什么不同吗?两者都完美地回答了我的问题。然而,我不知道有什么区别。@RainIe我的第一个建议是在更远的地方输入数字,比如第二栏。第二个与decpk相同,只是我使用一个类来选择输入,我使用e.code而不是e.keyCode,并使用+this.value而不是parseInt。否则它们是一样的。他解释说,只有这么多的方法可以剥下这只猫的皮。非常感谢。你还是接受了另一个答案…顺便问一下,我可以问你的答案和第二个回答我问题的人有什么不同吗?两者都完美地回答了我的问题。但是,我不知道有什么区别。谁先回答,这很重要。我已经在任何人面前回答了这个问题。解决问题的方法可能很多。所以姆普隆詹可能用了其他的方法。