【JS】输入框内容传递给另一个输入框，测试通过

最新推荐文章于 2023-12-12 15:24:02 发布

林家阿酒

最新推荐文章于 2023-12-12 15:24:02 发布

阅读量2.5k

点赞数

分类专栏：编程文章标签： javascript

本文链接：https://blog.csdn.net/wzl505/article/details/52981138

版权

编程专栏收录该内容

21 篇文章 0 订阅

订阅专栏

输入框内容传递给另一个输入框，测试通过

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Copy Value</title>
</head>
<body>
<style>
</style>
<input type="text" name="" id="J_From1">
<input type="button" value="添加" id="J_Add1">

<input type="text" name="" id="J_From2">
<input type="button" value="添加" id="J_Add2">

<form>
<input type="text" name="" id="J_To" readonly>
</form>
<script>
(function(){
    var f1 = document.getElementById('J_From1'),     
        b1 = document.getElementById('J_Add1'),
		f2 = document.getElementById('J_From2'),
        b2 = document.getElementById('J_Add2'),
		t = document.getElementById('J_To');
    b1.onclick = function() {
        t.value = f1.value;        
    };
	b2.onclick = function() {
        t.value = f2.value;        
    };
})();
</script>
</body>
</html>