Ok, I think this is what you want:
http://www.maladaptedmedia.com/amber.html
Leave the Javascript untouched:
<script language="Javascript">
<!--
function selectAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</script>
But....edit these lines for each successive recip:
<form name="recip">
<a href="javascript:selectAll('recip.select1')">Select All</a>
<textarea name="select1" rows=5 cols=20>
The form name must be different for each recip. Make sure the name you give it in 'form name=recip' is the same name you give it in the 'selectAll('recip.select1')' portion of the code.
Then, give each recip a distinct 'select' name. The name given here 'selectAll('recip.select1')' must match the name given in the textarea, such as '<textarea name="select1" rows=5 cols=20>'
The simplest way would be to number them like this:
<form name="recip2">
<a href="javascript:selectAll('recip2.select2')">Select All</a>
<textarea name="select2" rows=5 cols=20>
and
<form name="recip3">
<a href="javascript:selectAll('recip3.select3')">Select All</a>
<textarea name="select3" rows=5 cols=20>
But you should be able to name them per category:
<form name="anal">
<a href="javascript:selectAll('anal.selectanal')">Select All</a>
<textarea name="selectanal" rows=5 cols=20>
Just make sure you give each recip distinct variables.