怎样提取一个文本框的内容到另一个文本框中（JS代码）
发布网友
发布时间：2022-04-20 00:39
我来回答
共4个回答
热心网友
时间：2023-07-27 15:37
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script src="js/jquery-1.9.1.js"></script>
<script>
function copyValue(){
var copyValue=document.getElementById("input1").value;
var copyInput=document.getElementsByClassName("copy");
var copyNum=copyInput.length;
for(var i=0;i<copyNum;i++){
copyInput[i].value=copyValue;
}
}
</script>
</head>
<body>
<div><input id="input1" name="" type="text" value="123456"><input id="button1" name="" type="button" value="复制" onClick="copyValue();"></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
<div><input name="copy" class="copy" type="text" ></div>
</body>
</html>追问IE8报错
网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727)
时间戳: Wed, 26 Nov 2014 07:55:00 UTC
消息: 对象不支持此属性或方法
行: 9
字符: 5
代码: 0
URI: http://127.0.0.1/index.html
追答改成getElementsByName
热心网友
时间：2023-07-27 15:37
var btn = document.getElementById('btn');
var txts = document.getElementsByName('txt');
btn.onclick = function () {
for (var i = 1; i < txts.length; i++) {
txts[i].value = txts[0].value;
}
}
<input type="button" id="btn" value="copy" />
<input type="text" name="txt" />
<input type="text" name="txt" />
<input type="text" name="txt" />
追问网页错误详细信息
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727)
时间戳: Wed, 26 Nov 2014 07:56:56 UTC
消息: 'btn' 为空或不是对象
行: 9
字符: 1
代码: 0
URI: http://127.0.0.1/index.html
热心网友
时间：2023-07-27 15:38
<input type="text" id="fz" value="222222">
$("button").click(function(){
var vl = $("#fz").val();
$("input").val(vl);
});
热心网友
时间：2023-07-27 15:39
用id可以，只是不能只用一个相同的id.
