[JavaScript] Dropdown Menü... Textfeld anzeigen?!

[starsk8er]

Hallo,

ich weiß jetzt nicht ob ich mein Problem mit Javascript oder DHTML lösen kann,
jedoch möchte ich, sobald ich bei einem Dropdownmenü (bsp: 5 auswahlmöglichkeiten) eine der ersten 3 auswähle so sind diese einfach als auswahl so zu lassen,
wähle ich nun aber zum bsp: 4 aus, so sollte mir ein neues textfeld erscheinen wo dann genau spezifiziert werden kann, um welche eingabe es sich handelt.


Vielen Dank für eure Hilfe.
lg
Tjabo

[starsk8er]

<script language = "javascript">
<!--

//Function to hide current div and show new div
function ShowHide(div1, div2)
{

    div1.style.display = "none";
    div2.style.display = "block";
}



//Show options after selecting an index on the first drop down list
function OnChange1(dropdown)
{
	
	
	var myindex  = dropdown.selectedIndex;

	if (myindex=="0")
	{
        
    		ShowHide(document.getElementById("option1"), document.getElementById("option0")); 	
        
    		ShowHide(document.getElementById("option2"), document.getElementById("option0")); 	
        
    		ShowHide(document.getElementById("option3"), document.getElementById("option0")); 	
        
    		ShowHide(document.getElementById("option4"), document.getElementById("option0")); 	
        
    		ShowHide(document.getElementById("option5"), document.getElementById("option0")); 	
        	

        
		ShowHide(document.getElementById("divCharacter1"), document.getElementById("divCharacter0"));		//Hide Pleading Orc
		ShowHide(document.getElementById("divSubmit1"), document.getElementById("divSubmit0"));			//Hide Submit button
		ShowHide(document.getElementById("divSpacing0"), document.getElementById("divSpacing1"));		//Hide line breaks at the bottom of the page
	}

	else {
        
        if (dropdown.options[myindex].value!=1)
    		ShowHide(document.getElementById("option1"), document.getElementById("option0")); 	
        
        if (dropdown.options[myindex].value!=2)
    		ShowHide(document.getElementById("option2"), document.getElementById("option0")); 	
        
        if (dropdown.options[myindex].value!=3)
    		ShowHide(document.getElementById("option3"), document.getElementById("option0")); 	
        
        if (dropdown.options[myindex].value!=4)
    		ShowHide(document.getElementById("option4"), document.getElementById("option0")); 	
        
        if (dropdown.options[myindex].value!=5)
    		ShowHide(document.getElementById("option5"), document.getElementById("option0")); 	      
               
ShowHide(document.getElementById("option0"), document.getElementById("option" + dropdown.options[myindex].value));
ShowHide(document.getElementById("divSpacing1"), document.getElementById("divSpacing0"));			
ShowHide(document.getElementById("divCharacter1"), document.getElementById("divCharacter0"));			
ShowHide(document.getElementById("divSubmit1"), document.getElementById("divSubmit0"));	
	}

	return true;
}


//-->
</script>

<select name="reason1" size="1" onchange='OnChange1(this);'>
          <option selected="selected">...scegli</option>
          <option value="1">internet</option>
          <option value="2">pubblicit&agrave;</option>
          <option value="3">hotel</option>
          <option value="4">centro estetico</option>
          <option value="5">altro</option>       
        </select>
       
<div id="divSpacing0" style='display:none'></div>
<div id="divSpacing1" style='display:'></div>

<div id="option0" style='display:none'></div>

<div id="option1" style='display:none'>1aaaaaaa</div>
<div id="option2" style='display:none'>2aaaaaaa</div>
<div id="option3" style='display:none'>3aaaaaaa</div>
<div id="option4" style='display:none'>4aaaaaaa</div>
<div id="option5" style='display:none'>5aaaaaaa</div>

<div id="divCharacter0" style='display:none'></div>
<div id="divCharacter1" style='display:none'></div>

so das script habe ich gefunden...
und angepasst, jedoch habe ich in dieser zeile einen fehler... kann mir jemand helfen? -> div1.style.display = "none";
danke