---
title: "Få ett värde i från lista till en texruta"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/115043-få-ett-värde-i-från-lista-till-en-texruta"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Prime_66"
published: "2004-11-03T20:42:34.000Z"
updated: "2011-03-09T15:34:46.000Z"
replies: 14
views: 887
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/115043-få-ett-värde-i-från-lista-till-en-texruta"
---

# Få ett värde i från lista till en texruta

## #1 — Prime_66, 2004-11-03T20:42Z

Jag har en lista (\<select\>) med lite olika värden. När man klickar på en av dessa vill jag att detta värde ska hamna i en textruta. Klickar man på ett annat alternativ ska detta läggas efter det första värdet i textrutan. Nån som gjort något liknande o kan hjälpa?

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

## #2 — Sebbe, 2004-11-03T21:06Z

Är det något sånt här du vill ha?

```
function addChoice(o) {
  o.form.tbox.innerHTML += " " + o.options[o.selectedIndex].innerHTML;
}

<form>
  <select id="sbox" name="sbox" onchange="addChoice(this);">
    <option>Val 1</option>
    <option>Val 2</option>
    <option>Val 3</option>
  </select><br />
  <textarea cols="20" rows="4" id="tbox" name="tbox"> </textarea>
</form>
```

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

## #3 — Prime_66, 2004-11-03T21:17Z

Tja!
Ja, fast jag vill ha en vanlig \<input type="text"\> istället för en textarea.Testade att bara byta ut men det funkade inte?

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

## #4 — Sebbe, 2004-11-03T21:19Z

Då byter du bara ut funktionen till

```
function addChoice(o) {
  o.form.tbox.[b]value[/b] += " " + o.options[o.selectedIndex].innerHTML;
}
```

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

## #5 — streetrobban, 2011-03-09T13:57Z

Jag tänkte återuppliva den här tråden lite. Hur man kan föra över värdet från en vanlig länk till textrutan? Typ \<a href="#" onClick="Lägg in i textrutan"\>Klicka här\</a\>.

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

## #6 — voigtann1, 2011-03-09T14:04Z

Ja, vanlig text menar du innerText eller href-attributet?

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

## #7 — streetrobban, 2011-03-09T14:31Z

Hmm, jag vet inte riktigt vad innerText gör. Men t.ex. \<a href="#" onClick="update.textboxName("med detta")"\>Klicka här\</a\>. Vet inte hur jag ska förklara riktigt  :)

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

## #8 — voigtann1, 2011-03-09T14:37Z

Ja. skapa en ny metod med en en parameter där det är strängen (även om du måste ha ' då och inte " )

eller med jquery:

```
$("a.addText").click(function( e ) {
	e.preventDefault();
	var form = $("selectorForForm"),
		formValue = form.val();
	
	form.val(formValue + " " + this.title);
});
```

där behöver du ändra form CSS selectorn till vad vilket formulär du skall lägga in värdet i.

Och HTML koden för a-elementet:

```
<a href="#" title="med detta" class="addText">Something cool!</a>
```

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

## #9 — streetrobban, 2011-03-09T14:54Z

Hmm jag får det inte att funka riktigt. Jag lade in jQuery koden i \<script type="text/javascript"\>\</script\> i \<head\> taggen. Är selectorForForm namnet på textrutan eller var skriver man det?

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

## #10 — voigtann1, 2011-03-09T14:56Z

om du skall köra jquery måste ju du ha en DOM ready

```
$(function() {
/*Kod som skall göras så fort DOM:en är redo (så man hittar element) */
});
```

selectorForForm kan vara ett ID: #myForm där du har \<form id="myForm"\>

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

## #11 — streetrobban, 2011-03-09T15:06Z

Okej, men hur skriver man en funktion som skickar title-värdet från \<a href\> till textrutan searchbox då? Och var ska man stoppa in koden för funktionen?

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

## #12 — voigtann1, 2011-03-09T15:08Z

i DOM-ready blocket.

Men du måste redigera koden med rätt textarea-element (cssSelector) inte form ;) my bad.

edit:

Exempel: <http://voigt.se/sandbox/wf/streetrobban/addText/>

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

## #13 — streetrobban, 2011-03-09T15:15Z

Hehe okej, jag förstår fortfarande inte eftersom jag inte kan javascript eller jQuery.

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

## #14 — voigtann1, 2011-03-09T15:19Z

> **[streetrobban skrev:](https://www.webforum.nu/p/1530756)**
>
> Hehe okej, jag förstår fortfarande inte eftersom jag inte kan javascript eller jQuery.

Börjar nog bli dags att lära dig grunderna då väl? ;)

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

## #15 — streetrobban, 2011-03-09T15:34Z

Ja, jag måste bara hitta tid till det  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/115043-få-ett-värde-i-från-lista-till-en-texruta