Generate Text

**kaos** · 08-09-2009, 11:45 PM

All right, Could use some help here... I need to make a script that will alow me to generate text inside of a <textarea>. For example:

HTML Code:

<select id="select">
<option>option 1</option>
<option>option 2</option>
</select>
<br><br><br>
<input type="button" value="Generate"><br>
<textarea cols=10 rows=5></textarea>

When you click 'Generate', text specified by the value of selct menu is placed within the <textarea>. Anyone have an Idea???

**vwphillips** · 08-10-2009, 08:04 AM

Code:

<!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" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/

function Text(from,to){
 if (document.getElementById(from).value) document.getElementById(to).value=document.getElementById(from).value;
}
/*]]>*/
</script></head>

<body>
<select id="select">
<option value="Text 1" >option 1</option>
<option value="Text 2">option 2</option>
</select>
<br><br><br>
<input type="button" value="Generate" onclick="Text('select','ta')"><br>
<textarea id="ta" cols=10 rows=5></textarea>
</body>

</html>

or

Code:

<!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" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/
var Ary=[];
Ary[0]='Text One';
Ary[1]='Text Two';

function Text(from,to,ary){
 var index=document.getElementById(from).selectedIndex;
 if (ary[index]) document.getElementById(to).value=ary[index];
}
/*]]>*/
</script></head>

<body>
<select id="select">
<option>option 1</option>
<option>option 2</option>
</select>
<br><br><br>
<input type="button" value="Generate" onclick="Text('select','ta',Ary)"><br>
<textarea id="ta" cols=10 rows=5></textarea>
</body>

</html>

**kaos** · 08-10-2009, 05:05 PM

Thanks, but is it possible to hold the select option's values that will be placed in the textarea in an external file(s)?

**vwphillips** · 08-11-2009, 09:26 AM

simplest would be to define an array in an external javascript file, this could also be used to define the select list options.

Thread: Generate Text

Thread Tools

Search Thread

Generate Text

Thanks

Bookmarks

Bookmarks

Posting Permissions