html 如何在一个框中输入内容,然后点击按钮将此框中的内容复制到另一个框中

cswsg123 2015-10-22 05:27:21
如题所说。 我想在 "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;
});
};
...全文
136 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
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; }

87,937

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧