87,955
社区成员
发帖
与我相关
我的任务
分享html 如何在一个框中输入内容，然后点击按钮将此框中的内容复制到另一个框中
如题所说。 我想在 "group1currency1" 里输入一个数据 比如USD，然后点击下面的按钮，将"group1currency1"里的内容复制到”outputcurrency1“。 下面是我的代码，我尝试了很多次都不成功， 希望有人能帮助我
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p> Exchange Rates</P>
<table border="1">
<tr>
<th> </th>
<th>Currency #1</th>
<th>Currency #2</th>
<th>Bid</th>
<th>Ask</th>
</tr>
<tr>
<td><p>Group 1</td>
<td><input type="text" id="group1currency1"size="12" value=""></td>
</tr>
<tr>
<td><p>Group 1</td>
<td><input type="text" id="group2currency1"size="12" value=""></td>
</tr>
<tr>
<td><p>Group 3</td>
<td><span id="outputcurrency1"></td>
</tr>
</table>
<button type="button" id="outputbutton" class="btn btn-success">Output</button>
</div>
<!-- jQuery -->
<script src="js/exchange.js"></script>
</script>
</body>
</html>
这个是我在js文档里的代码
var x= function(){
$("outputbutton").click(function(){
var str=document.getElementById("group1currency1").value;
document.getElementById("outputcurrency1").value = str;
});
};
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p> Exchange Rates</P>
<table border="1">
<tr>
<th> </th>
<th>Currency #1</th>
<th>Currency #2</th>
<th>Bid</th>
<th>Ask</th>
</tr>
<tr>
<td><p>Group 1</td>
<td><input type="text" id="group1currency1"size="12" value=""></td>
</tr>
<tr>
<td><p>Group 1</td>
<td><input type="text" id="group2currency1"size="12" value=""></td>
</tr>
<tr>
<td><p>Group 3</td>
<td><span id="outputcurrency1"></td>
</tr>
</table>
<button type="button" id="outputbutton" class="btn btn-success">Output</button>
</div>
<!-- jQuery -->
<script src="js/exchange.js"></script>
</script>
</body>
</html>
这个是我在js文档里的代码
var x= function(){
$("outputbutton").click(function(){
var str=document.getElementById("group1currency1").value;
document.getElementById("outputcurrency1").value = str;
});
};
...全文
请发表友善的回复…
发表回复
Go 旅城通票 2015-10-22
- 打赏
- 举报
http://ask.csdn.net/questions/213924
hch126163 2015-10-22
- 打赏
- 举报
document.getElementById('outputbutton').onclick=function(){
document.getElementById("outputcurrency1").innerHTML = document.getElementById("group1currency1").value;
}
chanel_1 2015-10-22
- 打赏
- 举报
楼上正解，$("outputbutton").click(function(){....}) 这是jquery的语法，不是js原生的。即使引入了jquery包，$("outputbutton").这样写也不对，要么是id#，要么是class.,而且内部又使用了js原生，有点混乱。其次楼主把它封装在了var x= function(){这个函数里，不调用这个函数x的时候click事件是不会执行的
slwsss 2015-10-22
- 打赏
- 举报
document.getElementById('outputbutton').onclick=function(){
var str=document.getElementById("group1currency1").value;
document.getElementById("outputcurrency1").innerHTML = str;
}
编写程序，如下所示。有两个文本框，第一个文本框可以输入数据，第二个文本框不可编辑。要求在第一个文本框输入数据后，如果单击“复制”按钮（或在文本框中按下回车键），则可把第一个文本框中输入的数据复制到第二
