简单粗暴上代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> *{margin:0; padding:0;} </style> </head> <body> <form action="" method="get"> <div> <input type="text" maxlength="16" value="我是张大民，今年36岁"/><br /> <input type="text"/><br /> <button id="btn">我是按钮</button> </div> </form> <div id="script"> <script type="text/javascript"> var oBtn=document.forms[0].elements[2];//最好通过这种方式选取表单元素 var oTxt1=document.forms[0].elements[0];//而不是用DOM方式 var oTxt2=document.forms[0].elements[1]; oBtn.onclick=function(){ oTxt2.value=getSelectText(oTxt1); return false; }; function getSelectText(text){ if(document.selection){ return document.selection.createRange().text; }//IE8及以下版本使用selection对象控制选择的部分文件 else{ return text.value.substring(text.selectionStart,text.selectionEnd); }//其他浏览器使用HTML5中定义的selectionStart及selectionEnd计数器 } </script> </div> </body> </html>