两个文本框内容合二为一，通过按钮实现

Posted 2020-08-04 Xander

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了两个文本框内容合二为一，通过按钮实现相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Copy Value</title>

</head>

<body>

<style>

</style>

<input type="text" name="" id="J_From">

<input type="button" value="添加" id="J_Add">

<input type="text" name="" id="J_To" readonly>

<script>

(function(){

var f = document.getElementById(‘J_From‘),

t = document.getElementById(‘J_To‘),

b = document.getElementById(‘J_Add‘);

b.onclick = function() {

var val = f.value;

val = ‘+‘ + val;

t.value = val;

};

})();

</script>

</body>

</html>

以上是关于两个文本框内容合二为一，通过按钮实现的主要内容，如果未能解决你的问题，请参考以下文章