首页 > 杂碎帖 > 将value传递给textarea

将value传递给textarea

2009年7月8日 发表评论 阅读评论

预设一些值，然后通过Button， 链接将这些值传递给textarea作为内容，或者作为textarea内容的其中一部分

在前台表单十分常见。以下为2个例子：

A 将ABCDE或者FGHIJ传递给textarea:

  1. <textarea id="A1" cols="20" rows="2"></textarea>
  2. <input onclick="document.getElementById('A1').value=this.value" name="Submit1" type="button" value="ABCDE" />
  3. <input onclick="document.getElementById('A1').value=this.value" name="Submit2" type="button" value="FGHIJ" />

效果：

B 在textarea当前光标焦点插入内容:

  1. <form name="form1">
  2. <table>
  3. <tr>
  4. <td><textarea name="A1" id="" cols="45" rows="3"></textarea></td>
  5. </tr>
  6. <tr>
  7. <td><input type="button" value="吃饭"onclick="chifan()" />
  8. <input type="button" value="吃菜"onclick="chicai()" /></td></tr>
  9. </table>
  10. </form>
  11.  
  12.   <script> 
  13.   function   chifan(){ 
  14.   document.form1.A1.focus() 
  15.   document.selection.createRange().text="吃饭；" 
  16.   } 
  17.   function   chicai(){ 
  18.   document.form1.A1.focus() 
  19.   document.selection.createRange().text="吃菜；" 
  20.   }
  21.   </script>

效果：

分类: 杂碎帖 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.