JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser .
I am working on a project from work. They want me to create html for one of our websites that have different templates you can paste in a text box. Where you pick the drop down select a different template and apply and it adds it to a text area box. They want different templates for different departments and I am having issues creating this. Can anyone point me in the right direction?
This is what I have so far. I want to be able to select the second box and it generate in the box.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Title</title>
<!--TEMPLATE-->
<form action="">
<select type="text" id="dropbox" onchange="changeSelect()">
<option value="1">Please select one</option>
<option value="2">Casey</option>
<option value="3">CEREC</option>
<option value="4">CEREC INLAB</option>
<option value="5">3Shape</option>
<option value="6">Digital</option>
<option value="7">eCommerce</option>
<option value="8">eServices</option>
<option value="9">Eaglesoft</option>
<option value="10">Eaglesoft Hardware</option>
<option value="11">FSS</option>
<option value="12">FUSE</option>
<option value="13">FUSE Digital</option>
<option value="14">Hardware</option>
<option value="15">Ontrack</option>
<option value="16">Research Guide</option>
<option value="17">Intravet</option>
<option value="18">IntrVet Classic</option>
<option value="19">ePet</option>
<option value="20">Vetter</option>
<option value="21">ES New Hire</option>
<option value="22">Office Supplies</option>
<option value="23">Change of Ownership</option>
<option value="24">FAQ Team</option>
<option value="25">Eaglesoft License Key</option>
<option value="26">Eaglesoft End of Period</option>
<option value="27">Eaglesoft Data Support</option>
<option value="28">Dental Intel</option>
<option value="29">OperaDDS</option>
<option value="30">Solution Reach</option>
<br>
</select>
<br>
<br>
<div>
<select id="dropDown" style="width:500px;">
<!--PSE Chat Templates-->
<option value="1">Please select one</option>
<option value="2">PSE CHAT TEMPLATE 1</option>
<option value="3">PSE CHAT TEMPLATE 2</option>
<option value="4">PSE CHAT TEMPLATE 3</option>
<option value="5">PSE CHAT TEMPLATE 4</option>
<option value="6">PSE CHAT TEMPLATE 5</option>
<option value="7">PSE CHAT TEMPLATE 6</option>
<option value="8">PSE CHAT TEMPLATE 7</option>
<option value="9">PSE CHAT TEMPLATE 8</option>
<option value="10">PSE CHAT TEMPLATE 9</option>
</select>
</div>
<br>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
function insertText(elemID, text)
{
var elem = document.getElementById(elemID);
elem.innerHTML += text;
}
</script>
</head>
<body>
<form>
<textarea rows="15" cols="100" id="txt1"></textarea>
<input type="button" value="Apply" style="width:150px;" onclick="insertText('txt1', 'PSE TEMPLATE');">
</form>
</body>
</html>