---
title: "Selectruta -> skicka värde till span"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/170024-selectruta-skicka-värde-till-span"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2008-03-17T21:39:13.000Z"
updated: "2008-03-18T05:43:17.000Z"
replies: 8
views: 653
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/170024-selectruta-skicka-värde-till-span"
---

# Selectruta -> skicka värde till span

## #1 — Asa, 2008-03-17T21:39Z

Jag har en selectruta och när jag väljer i den så vill jag att en redan befintlig text inne i en span: \<span class="extra"\>Texten\</span\> ska bytas mot det värdet som det jag valde i selectrutan. Det som står först i value av de två olika värderna som separeras med ;

Förstår ni hur jag menar?

```
<select name="namnet">
		<option value="val 1;namn 1">namn1</option>
		<option value="val 2;namn 2">namn2</option>
		<option value="val 3;namn 3">namn3</option>
		<option value="val 4;namn 4">namn4</option>
</select>

<span class="extra">Texten</span>
```

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

## #2 — voigtann1, 2008-03-17T22:06Z

använd "onChange" på din select.

```
function b(v) {
document.getElementById("extra").innerHTML = v.value;
}
```

```
<select name="namnet" onchange="b(this)">
		<option value="val 1;namn 1">namn1</option>
		<option value="val 2;namn 2">namn2</option>
		<option value="val 3;namn 3">namn3</option>
		<option value="val 4;namn 4">namn4</option>
</select>

<span class="extra" id="extra">Texten</span>
```

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

## #3 — Asa, 2008-03-17T22:12Z

Tackar :)
Funkade fint men hur gör jag så den bara hämtar ut ex **val 1** i värdet **val 1;namn 1** ?
Alltså enbart första delen av värdet. Innan **;**

Vill gärna veta hur man kan hämta ut båda värderna men med array eller nåt. Kan vara bra att veta. Ifall jag har fler värden på nån annan del av nån hemsida.

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

## #4 — metalboy, 2008-03-17T22:14Z

```
function b(v) {
   document.getElementById('extra').innerHTML = v.split(';')[0];
}
```

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

## #5 — Asa, 2008-03-17T22:16Z

Det funkar inte för mig :(

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

## #6 — metalboy, 2008-03-17T22:18Z

Oj... sorry... missade ju value :D

```
function b(v) {
   document.getElementById('extra').innerHTML = v.value.split(';')[0];
}
```

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

## #7 — Asa, 2008-03-17T22:19Z

Tackar så mycket. Funkade fint nu :)

Slutliga koden

```
<script>
function b(v) {
   document.getElementById('extra').innerHTML = v.value.split(';')[0];
}
</script>

<select name="namnet" onchange="b(this)">
		<option value=""> - Välj - </option>
		<option value="val 1;namn 1">namn1</option>
		<option value="val 2;namn 2">namn2</option>
		<option value="val 3;namn 3">namn3</option>
		<option value="val 4;namn 4">namn4</option>
</select>

<span class="extra" id="extra">Texten</span>
```

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

## #8 — Asa, 2008-03-17T22:49Z

Kan man kolla OM det står något på andra stället i värdet? Alltså en ifsats som kollar OM ex det står namn 1 då ska den sätta

```
   document.getElementById('extra2').innerHTML = v.value.split(';')[1];
```

Annars ska den inte alls sätta texten till span fältet. Förstår ni?

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

## #9 — voigtann1, 2008-03-18T05:43Z

```
function b(v) {
var thevalue = v.value.split(';');
if(thevalue[1].length>0) {
document.getElementById("extra").innerHTML = thevalue[0];
}
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/170024-selectruta-skicka-värde-till-span