html的简单页面，2个按键，实现功能。
html的简单页面，2个按键，实现功能。上面3个是输入框，下面对应3排显示框。输入框输入内容，点击按键，复制内容到下面。更改输入内容，再次按键。新的输入内容出现再第二行，...
html的简单页面，2个按键，实现功能。上面3个是输入框，下面对应3排显示框。输入框输入内容，点击按键，复制内容到下面。更改输入内容，再次按键。新的输入内容出现再第二行，第一次复制的内容不变，以此类推。清空键点击，输入框+复制框内容全部清空。希望可以写具体点的代码，小白新手，还望指教谢谢！
展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
2个回答
展开全部
onclick=function(){
var hang = document.getElementById("输入行id")；
var hang1 = document.getElementById("第一行id")；
var hang2 = document.getElementById("第二行id")；
var hang3 = document.getElementById("第三行id")；
if(hang1.value == ""){
hang1.value = hang.value;
}else{
if(hang2.value == ""){
hang2.value = hang.value;
}else{
hang3.value = hang.value;
}
}
}
就是看第一行是不是空的，如果是就改第一行，如果不是就看第二行，依次类推
删除的话就是所有的value=“”就好了
var hang = document.getElementById("输入行id")；
var hang1 = document.getElementById("第一行id")；
var hang2 = document.getElementById("第二行id")；
var hang3 = document.getElementById("第三行id")；
if(hang1.value == ""){
hang1.value = hang.value;
}else{
if(hang2.value == ""){
hang2.value = hang.value;
}else{
hang3.value = hang.value;
}
}
}
就是看第一行是不是空的，如果是就改第一行，如果不是就看第二行，依次类推
删除的话就是所有的value=“”就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="others/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
<div class="copybox">
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<button id="copy">复制</button><br/><br/>
</div>
<div class="clearbox">
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<button id="clear">清空</button>
</div>
</body>
</html>
<script type="text/javascript">
$("#copy").click(function(event) {
var val1=$(".copybox input").eq(0).val();
var val2=$(".copybox input").eq(1).val();
var val3=$(".copybox input").eq(2).val();
var cval1=$(".clearbox input").eq(0).val();
var cval2=$(".clearbox input").eq(3).val();
var cval3=$(".clearbox input").eq(6).val();
if(cval1==""){
$(".clearbox input").eq(0).val(val1)
$(".clearbox input").eq(1).val(val2)
$(".clearbox input").eq(2).val(val3)
}else if(cval2==""){
$(".clearbox input").eq(3).val(val1)
$(".clearbox input").eq(4).val(val2)
$(".clearbox input").eq(5).val(val3)
}else {
$(".clearbox input").eq(6).val(val1)
$(".clearbox input").eq(7).val(val2)
$(".clearbox input").eq(8).val(val3)
}
$(".copybox input").eq(0).val("");
$(".copybox input").eq(1).val("");
$(".copybox input").eq(2).val("");
});
$("#clear").click(function(event) {
var length=$(".clearbox input").length;
$(".clearbox input").each(function(index, el) {
if($(el).val()!=""){
$(this).remove();
}
});
});
</script>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="others/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
<div class="copybox">
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<button id="copy">复制</button><br/><br/>
</div>
<div class="clearbox">
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<input type="text" />
<input type="text" />
<input type="text" /><br/><br/>
<button id="clear">清空</button>
</div>
</body>
</html>
<script type="text/javascript">
$("#copy").click(function(event) {
var val1=$(".copybox input").eq(0).val();
var val2=$(".copybox input").eq(1).val();
var val3=$(".copybox input").eq(2).val();
var cval1=$(".clearbox input").eq(0).val();
var cval2=$(".clearbox input").eq(3).val();
var cval3=$(".clearbox input").eq(6).val();
if(cval1==""){
$(".clearbox input").eq(0).val(val1)
$(".clearbox input").eq(1).val(val2)
$(".clearbox input").eq(2).val(val3)
}else if(cval2==""){
$(".clearbox input").eq(3).val(val1)
$(".clearbox input").eq(4).val(val2)
$(".clearbox input").eq(5).val(val3)
}else {
$(".clearbox input").eq(6).val(val1)
$(".clearbox input").eq(7).val(val2)
$(".clearbox input").eq(8).val(val3)
}
$(".copybox input").eq(0).val("");
$(".copybox input").eq(1).val("");
$(".copybox input").eq(2).val("");
});
$("#clear").click(function(event) {
var length=$(".clearbox input").length;
$(".clearbox input").each(function(index, el) {
if($(el).val()!=""){
$(this).remove();
}
});
});
</script>
追问
请问，样式是对的，试了下按键没有执行效果。（我才学了几天，看不出如何修改）如何修改还望指明，非常感谢。
追答
你要引入你的js文件，改变路径。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
