I have the following code:
<script type="text/javascript" language="JavaScript">

function show(id, str) {
if (!id) return;
var el = document.all ? document.all(id) :
document.getElementById ? document.getElementById(id) : null;
str = str.replace(/\&/g, '&amp;');
if (el) el.innerHTML = str;
}

</script>
</head>
<body>
<form>
<p>
<select onchange="show('output', this[this.selectedIndex].value)">
<option selected>--Select One--</option>
<option value="KOTH">KOTH</option>
<option value="TKOTH">TKOTH</option>
<option value="DM">DM</option>
<option value="TDM">TDM</option>
<option value="CTF">CTF</option>
<option value="FB">FB</option>
<option value="A&D">A&D</option>
</select></p>
<span id="output">
</span>
</form>
</body>
But the problem is that it only displays the value of what is selected. I want it to display different number of input boxes, maybe a textarea.