---
title: "Flytta runt värden i select (multiple)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/83292-flytta-runt-värden-i-select-multiple"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "FlashX"
published: "2003-08-01T15:39:20.000Z"
updated: "2003-08-02T20:56:42.000Z"
replies: 7
views: 847
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/83292-flytta-runt-värden-i-select-multiple"
---

# Flytta runt värden i select (multiple)

## #1 — FlashX, 2003-08-01T15:39Z

Någon som känner till ett javascript där man kan flytta runt värden i en select-ruta. Se bilden.
Värden hämtas från en db och jag skulle vilja flytta runt dem i valfri ordning innan värdena skickas tillbaka.

Bilagor:

- [move_selected.gif](https://www.webforum.nu/a/1802.gif)

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

## #2 — Cheguelin, 2003-08-01T17:40Z

Har inte hört något om att det är möjligt i html, och det går knappast att göra med javascript. Det skulle vara om man simulerade en sån där lista (förbannat mycket jobb).

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

## #3 — FlashX, 2003-08-01T22:09Z

Det blir kanske lite omständigt att koda till en sådan variant. 
Just nu används inget javascript utan varje steg upp eller ner skickas till servern som skickar tillbaka resultatet. Tanken var att lägga det på klienten istället så man kan flytta runt bäst man vill och skickar tillbaka det först när man är nöjd.
Jag får fundera ut något annat lämpligt alterntiv istället där man har möjlighet att ändra ordningen på samtliga värden.

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

## #4 — Cheguelin, 2003-08-01T23:50Z

Detta förstår jag, men som sagt så går det inte. Lycka till med din alternativa lösning!

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

## #5 — solbulle, 2003-08-01T23:52Z

Här kan ni kanske finna lite matnyttigt: <http://www.webforum.nu/showthread.php?s=&forumid=24&threadid=18229&highlight=Moveup>

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

## #6 — FlashX, 2003-08-02T01:05Z

Jag har tittat på några sådana varianter tidigare. Jag antar att det är något liknande [denna](http://www.js-examples.com/example/?ex=800&mode=2)
Fanns det någon funktion för att flytta ett värde uppåt eller neråt i listan i den tråden? Jag fick uppfattningen av det när jag läste tråden men hittade inget exempel.
Här är en variant där man kan [lägga till och ta bort](http://www.js-examples.com/example/?ex=134&mode=2) så det borde inte vara (tycker man) så svårt att flytta runt värdena men javascript är inte riktigt min dialekt.

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

## #7 — Cheguelin, 2003-08-02T14:29Z

Oj oj oj :)

Jag såg inte alls din Up- respektive Down-knapp i exemplet. Såhär kan du göra:

```
<html>
 <head>
  <title>
   Sort
  </title>
  <script type="text/javascript">
	function moveDown(id) {
		var parent = document.getElementById(id);
		var element = parent.options[parent.selectedIndex];
		var next = parent.options[parent.selectedIndex + 1];
		
		if (next) parent.insertBefore(next, element);
		else return;
	}
	function moveUp(id) {
		var parent = document.getElementById(id);
		var element = parent.options[parent.selectedIndex];
		
		if (parent.selectedIndex - 1 >= 0) {
			var previous = parent.options[parent.selectedIndex - 1];
			
			parent.insertBefore(element, previous);
		} else return;
	}
  </script>
  <style type="text/css">
	button {
		font-family: Webdings;
	}
  </style>
 </head>
 <body>
  <p>
   <select id="box"
           size="5">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
    <option>Option 5</option>
   </select>
  </p>
  <p>
   <button onclick='moveUp("box");'>5</button>
   <button onclick='moveDown("box");'>6</button>
  </p>
 </body>
</html>
```

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

## #8 — FlashX, 2003-08-02T20:56Z

Många tack Cheguelin, det fungerar alldeles utmärkt för mitt ändamål :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/83292-flytta-runt-värden-i-select-multiple
