---
title: "onChange visa text...."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/64369-onchange-visa-text"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "JAreMANNEN"
published: "2003-01-10T08:30:23.000Z"
updated: "2003-01-10T09:08:23.000Z"
replies: 4
views: 178
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/64369-onchange-visa-text"
---

# onChange visa text....

## #1 — JAreMANNEN, 2003-01-10T08:30Z

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!

Permalänk: https://www.webforum.nu/p/64369

## #2 — Jesper T, 2003-01-10T08:50Z

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

Permalänk: https://www.webforum.nu/p/908804

## #3 — JAreMANNEN, 2003-01-10T08:51Z

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.. :)

Permalänk: https://www.webforum.nu/p/908805

## #4 — Peter S, 2003-01-10T08:59Z

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>
```

 :)

Permalänk: https://www.webforum.nu/p/908808

## #5 — Jesper T, 2003-01-10T09:08Z

```
<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>
```

Permalänk: https://www.webforum.nu/p/908812

---

Tråden på webben: https://www.webforum.nu/amne/javascript/64369-onchange-visa-text