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;
});
};
展开
收起
1
条回答
写回答
写回答
-
id选择器也搞错了。。span标签也没有闭合，乱用属性。。申明的方法也没有执行绑定事件
jquery框架也未导入
<!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"></span></td> </tr> </table> <button type="button" id="outputbutton" class="btn btn-success">Output</button> </div> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script> <script > var x = function () { $("#outputbutton").click(function () {///////// var str = document.getElementById("group1currency1").value; document.getElementById("outputcurrency1").innerHTML = str;/////////// }); }; x()/////////// </script> </body> </html>2019-07-17 19:08:38赞同 1 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
