js把一个文本框里的内容复制到多个文本框里 20
比如第一个文本框内容是：123456然后在旁边有一个复制按钮。点击复制按钮。JS自动把第一个文本框里的内容复制到其它多个文本框里。（其它文本框数量不确定）怎么做？JS用I...
比如第一个文本框 内容是：123456 然后在旁边有一个复制按钮。点击复制按钮。
JS自动把 第一个文本框里的内容 复制到 其它多个文本框里。（其它文本框数量不确定）
怎么做？JS用ID好像不行，只能复制到一个文本框里，我想只能用NAME或.class了 但是不会写代码
急求 展开
JS自动把 第一个文本框里的内容 复制到 其它多个文本框里。（其它文本框数量不确定）
怎么做？JS用ID好像不行，只能复制到一个文本框里，我想只能用NAME或.class了 但是不会写代码
急求 展开
4个回答
展开全部
<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>
<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
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" id="fz" value="222222">
$("button").click(function(){
var vl = $("#fz").val();
$("input").val(vl);
});
$("button").click(function(){
var vl = $("#fz").val();
$("input").val(vl);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用id可以，只是不能只用一个相同的id.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
