gpt4 book ai didi

javascript - 使用 javascript 并行填充两个输入

转载 作者:行者123 更新时间:2023-12-03 03:50:30 25 4
gpt4 key购买 nike

我正在尝试执行一次填充两个输入的简单任务,以便当用户填充一个输入时,另一个输入会自动填充相同的数据。这是 JavaScript 代码

function autofilltitle(){
var title_en=document.getElementById('title_en');
var title_id=document.getElementById('title_id');
var title_pt_br=document.getElementById('title_pt-br');
var data =title_en.value;
title_id.value=title_en.value;
title_pt_br.value= title_en.value;
}

我已经在 W3schools 编辑器上尝试过了,效果很好。但在我的本地机器上它不起作用。控制台没有给出错误,但任务尚未完成。

HTML:

<input type="text" value=""name="title_en" id="title_en" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />
<input type="text" value=""name="title_pt-br" id="title_pt-br" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />
<input type="text" value=""name="title_id" id="title_id" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" />

最佳答案

您在输入元素上缺少事件监听器。

如果没有设置eventListener,函数不会自动运行

function autofilltitle(){
var title_en=document.getElementById('title_en');
var title_id=document.getElementById('title_id');
var title_pt_br=document.getElementById('title_pt-br');
var data =title_en.value;
title_id.value=title_en.value;
title_pt_br.value= title_en.value;
}
<input id="title_en" onkeyup="autofilltitle()" />
<input id="title_id" />
<input id="title_pt-br" />

关于javascript - 使用 javascript 并行填充两个输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45187055/

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