DZone Snippets: FillTextareafromSelect code http://snippets.dzone.com/posts Thu, 21 Aug 2008 15:21:38 GMT DZone Snippets: FillTextareafromSelect code JavaScript Fill Textarea from HTML Select not working with FireFox or Opera but does in IE6 http://snippets.dzone.com/posts/show/4465 // <br />// Fill textarea with keywords from HTML Select element <br />// <br /> <br />This code DOES work in I.E6 (on my machine (XP pro), but doesn't work in Firefox 2.0.0.4 or Opera 9.0.2 <br /> <br />The idea is to be able to either type in the text area directly or choose from a list of saved words in the select box. When a new choice is made from the select, it automatically gets inserted into the text area. <br /> <br />With Firefox , when the page is first loaded, I can choose from the select control and it works until I type something in the text area, and then it stops working. <br /> <br />With Opera 9.02, the select control doesn't work at all. <br /> <br />IE6, works fine. <br /> <br />Any hints tips, appreciated, as I'm a novice with javascript / DOM programming. <br /> <br />I quite possibly am not using the most correct / efficient document.XXX calls here. <br /> <br /> <br />Mike <br /> <br />You can test it at http://mstramba.com/fb5.html <br /> <br />/////////////// <br /><code> <br /><html> <br /><head> <br /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <br /> <style type="text/css">textarea { height:200px; width:50%;}</style> <br /> <br /><script type="text/javascript"> <br /> <br />function htmlData(selectValue,targetTextArea) <br />{ <br />// alert("select box changed to : '" + selectValue + "'"); <br /> <br /> var txtNode=document.createTextNode(selectValue); <br /> var textArea=document.getElementById(targetTextArea); <br /> textArea.appendChild(txtNode); <br />} <br /></script> <br /></head> <br /> <br /><body> <br /> <form method="post"> <br /> <select name="country" id="selbox" onchange="htmlData(this.value,'content')" /> <br /> <option value="#">-Select-</option> <br /> <option value="SuperCaliFragilisticExpiAliDocius">SuperCaliFragilisticExpiAliDocius</option> <br /> <option value="Discombombulatively">Discombombulatively</option> <br /> <option value="I don't understand how this can be happening">I don't understand how this can be happening</option> <br /> </select> <br /> <br /> <textarea name="content" id="content">Type some text or choose words from the select control</textarea> <br /> <br /> <input type="submit" /> <br /></form> <br /></body> <br /></html> <br /></code> Fri, 24 Aug 2007 23:38:44 GMT http://snippets.dzone.com/posts/show/4465 mstram (Mike Stramba)