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

时间 2019-12-02

标签两个文本框内合二为一经过按钮实现繁體版

原文原文链接

<!DOCTYPE html>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 
 > 