---
title: "Flytta upp och ned?...?..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/16928-flytta-upp-och-ned"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "SilvioF"
published: "2000-06-27T07:36:00.000Z"
updated: "2000-06-27T21:27:00.000Z"
replies: 2
views: 357
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/16928-flytta-upp-och-ned"
---

# Flytta upp och ned?...?...

## #1 — SilvioF, 2000-06-27T07:36Z

Är det någon som kan hjälpa mig med ett problewm som jag har?

Jag har två \<select\>-fält som innehåller användarnamn, nu vill jag kunna markera ett namn i ett av fälen och trycka på en knapp så att det flyttas upp eller ned till det andra fältet. Detta skall användas för att t.ex ändra en användares rättigheter.

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

## #2 — bohlin, 2000-06-27T11:49Z

anropas:
\<input type="button" onClick="move_selected(document.form.första, document.form.andra);" value="flytta till andra"\>

\<select name="första"\>
...
\</select\>

\<select name="andra"\>
...
\</select\>

```
<script language="javascript">
	var unknown_emails = "";
	function move_selected(select1, select2) {
		var selected = select1.selectedIndex;

		if (select1.selectedIndex == -1)
		{
			alert("Du måste välj någon först");
			return;
		}

		//loopa å kolla om den redan finns...
		var ex = false;
		for (var i = 0; i < select2.options.length; i++) 
		{
			if (select2.options[i].value == select1.options[select1.selectedIndex].value)
				ex = true;
		}

		if (!ex) //om den inte fanns - flytta
		{
			//göra ny i den andra select-boxen
			add_item(select2, select1.options[select1.selectedIndex].text, select1.options[select1.selectedIndex].value);

			//ta bort från första
			remove_item(select1, select1.selectedIndex);
		}
		
		//markera select1
		if (selected == select1.options.length) //man valde den sista
			select1.selectedIndex = select1.options.length-1;
		else
			select1.selectedIndex = selected;
	}

	function remove_item(select, index)
	{
		select.options[index] = null;
	}

	function add_item(select, textaaa, valueaaa)
	{
		new_option = new Option(textaaa, valueaaa);
		select.options[select.options.length] =  new_option;
		return;
	}

</script>
```

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

## #3 — toha, 2000-06-27T21:27Z

Jag skulle nog göra såhär istället:

\======================================

```

<select name="första" onDblClick="moveSelect(this, andra);">
...
</select>

<select name="andra" onDblClick="moveSelect(this, första);">
...
</select>

======================================

<script lanaguage="javascript">

function moveSelect(oSource, oTarget) {

if (oSource.selectedIndex == -1) return;

for (var i=0; i<oSource.options.length; i++) {
    if (oSource.options[i].selected == true) {
        oTarget.options[oTarget.options.length] = new Option(oSource.options[i].text, oSource.options[i].value);
        oSource.options[i] = null;
        i--;
    }
}

}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/16928-flytta-upp-och-ned