ta fram textruta

Jag har en rullista som fungera som jag vill
när jag väljer Välj egen färg så kommer texten fram och när jag väljer något annat så försvinner den.

nu vill jag att en textruta kommer fram iställ
nfo. innerHTML = "<input type="text" id="field1" size="7" />";
iställe för text

<script>
function f(elm){
	var info = document.getElementById("info");
	if(elm.selectedIndex == 0){
		info. innerHTML = "<input type="text" id="field1" size="7" />";
	}else if(elm.selectedIndex >= 1){
		info. innerHTML = "";
	}
}
</script>
<select name="BakgrundMeny" onchange="f(this);">
<option value="hex" >Välj egen färg</option>
<option value="737373" >Ljusgrå</option>
<option value="BDBDBD" s>mörkLjusgrå</option>
<option value="FFFFFF" s>Vit</option>
</select>

<div id="info"></div>