当前位置: 代码迷 >> JavaScript >> 单击按钮的值返回到文本框中,该如何处理
  详细解决方案

单击按钮的值返回到文本框中,该如何处理

热度:167   发布时间:2012-02-24 16:30:38.0
单击按钮的值返回到文本框中
[code=HTML][/code]<head>

<title>无标题文档</title>

</head>

<body>
<script language="javascript">

function Insert(str) { 
var obj = document.getElementById('content'); 
if(document.selection) { 
obj.focus(); 
var sel=document.selection.createRange(); 
document.selection.empty(); 
sel.text = str; 
} else { 
var prefix, main, suffix; 
prefix = obj.value.substring(0, obj.selectionStart); 
main = obj.value.substring(obj.selectionStart, obj.selectionEnd); 
suffix = obj.value.substring(obj.selectionEnd); 
obj.value = prefix + str + suffix; 

obj.focus(); 



</script>
<table width="630" height="55" border="0" cellpadding="0" cellspacing="0">
<tr><td>

<label>
<textarea id="content" name="textarea" style="width:500px; height:120px;"></textarea>
</label>

</td></tr>
<tr>

<td width="567" align="left" >
<input type="button" style="cursor:hand" onclick="javascript:Insert('急')" value="急 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('发')" value="发 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('求')" value="求 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('回')" value="回 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('货')" value="货 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('至')" value="至 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('车')" value="车 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('到')" value="到 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('要')" value="要 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('在')" value="在 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('剩')" value="剩 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('空')" value="空 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('装')" value="装 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('占')" value="占 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('或')" value="或 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('节')" value="节 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('大')" value="大 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('小')" value="小 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('卸')" value="卸 " /> 
  相关解决方案