onChange visa text....

Har just nu följande...

<script language="JavaScript"> 
<!-- 
function show(value){ 
if(value.selectedIndex){ 
txtID.style.display = ''; 
} else { 
txtID.style.display = 'none'; 
} 
} 

//--> 
</script>

<form>
<select name="test" size="20" class="input_style" onchange="show(this);">
<option selected>VÄLJ ETT ALTERNATIV!</option>
<option value="1">Hejsan!</option>
<option value="2">Goddag!</option>
</select>
</form>

<span id="txtID" style="display:none;">Testar!!!</span>

När jag väljer ett alternativ i slecten så visas innehållet i den "gömda" <span>-tagen... Nu visas ju samma värde ("Testar!!!"), vilket alternativ jag än väljer ur selecten..

Hur gör jag så att om jag t.ex väljer "Hejsan!" ur selecten, så visas "Hejsan!" i <span>, å väljer jag "Goddag!" så visas det osv....

Hoppas ni fattar.. ;)
TACK!

Måste du ha det i en span?
Kan du inte lägga texten i ett inputfält?

jo, det skulle väl funka som sista utväg, om det nu inte går att få det i span-tagen...

Men du kan väl förklara hur man ska göra med inputfältet ändå, så har jag det klart isf.. :)

En möjlig lösning:

<script type="text/javascript"> 
<!-- 
function show(value){
	var span = document.getElementById("txtID");

	if(value.options.selectedIndex){
		span.innerHTML = value.options[value.selectedIndex].innerHTML;
		span.style.visibility = "visible";
	}
	else
		span.style.visibility = "hidden";
};

//--> 
</script>

<span id="txtID" style="visibility:hidden>Testar!!!</span>

:)

<form name="myform">
<select name="test" size="20" class="input_style" onChange="document.myform.texten.value=document.myform.test.options[this.selectedIndex].text">
<option selected>VÄLJ ETT ALTERNATIV!</option>
<option value="1">Hejsan!</option>
<option value="2">Goddag!</option>
</select>
<br>
<input type="text" name="texten" style="border:0px;">
</form>