---
title: "SelectedIndex Kopiera från listbox >> listbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/88706-selectedindex-kopiera-från-listbox-listbox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "tostewe"
published: "2003-10-17T10:12:00.000Z"
updated: "2003-10-22T07:15:18.000Z"
replies: 10
views: 462
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/88706-selectedindex-kopiera-från-listbox-listbox"
---

# SelectedIndex Kopiera från listbox >> listbox

## #1 — tostewe, 2003-10-17T10:12Z

Jag har skapat ett script som kopierar från listbox A \>\> listbox B.

\*Dubbelklickar du på ett värde i A så kopieras värdet till B
\*Dubbelklickar du på ett värde i B så raderas värdet i B
\*Om du gör en MULTVAL i B och väljer knappen radera så raderas ALLA som du valt.
\*Om du gör ett MULTIVAL i A och väljerknappen kopiera så kopieras bara första valet (det med lägst index nummer).

Så hur stegar jag vidare ner i selectedIndex???

  :q

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

## #2 — Jojoxx, 2003-10-17T10:39Z

selectedIndex är bara ett val, det som är aktivt (sist valt). Har du flera listelement valda loopar du genom listan och kollar listalternativet.selected [Här](http://www.jojoxx.net/jscript/archive/show.asp?id=25) har du ett exempel på hur det används.

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

## #3 — tostewe, 2003-10-17T10:48Z

Jag hajjar inte exemplet!!!
Troligen lite för mycket medicin i kroppen (CITADON, mysiga grejjor). Kan du förklara dig lite närmare hur skall jag stega igeon om listan...

Skall jag kolla HELA listboxA och se om raden är checked ???

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

## #4 — Jojoxx, 2003-10-17T11:40Z

Så här:

```
<script type="text/javascript">
function moveSelected(from,to){
	for(var n=0;n<from.length;n++){
		if(from[n].selected){ to[to.length]=new Option(from[n].text,from[n].value); }
	}
	for(var n=from.length-1;n>=0;n--){
		if(from[n].selected){ from[n]=null; }
	}
}
</script>

<form>
<input type="button" value="A->B" onClick="moveSelected(this.form.a,this.form.b);"><br/>
<select name="a" multiple="multiple" size="4" style="width:100px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select name="b" multiple="multiple" size="4" style="width:100px;">
</select>
</form>
```

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

## #5 — tostewe, 2003-10-17T12:33Z

Jo jag löste det :)

Jag langar upp koden senare, ganska nöje med det blev jag oxå :)
TAckar för din hjälp.

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

## #6 — tostewe, 2003-10-17T13:11Z

Ett lite problem dock jag får error on page men jag hittar ingen lösning på det...
Någon ???

Min lösning:

\<SCRIPT LANGUAGE=javascript\>
\<!--
  //
  //  Script by Stewe Lundin <stewe@sagl.se> 20031017
  //
  function \_copy(){
    for(var i=0;parentbox.length-1;i++){
      if(parentbox*.selected==true){
        \_add_to_box(i)
      }
      \_check()
    }
  }
  function \_remove(){
    targetbox.remove(targetbox.selectedIndex);
    if(targetbox.selectedIndex\>=0){
      \_remove()
    }
    \_check()
  }
  function \_add_to_box(i){
    var objOpt = document.createElement("option");
    objOpt.text = parentbox*.value;
    objOpt.value = parentbox*.value;
    targetbox.add(objOpt);
  }
  function \_check(){
    smlfrm.tmptext.value="";
    for(var ii=0; ii\<=targetbox.options.length-1; ii++){
      smlfrm.tmptext.value=smlfrm.tmptext.value+targetbox.options\[ii\].value+","
    }
  }
//--\>
\</SCRIPT\>

\<html\>
\<head\>
\<title\>JavaBitch script 1.01 By Stewe Lundin 2003\</title\>
\</head\>
\<body\>
\<table\>
  \<tr\>
    \<td\>
      \<select size=6 name="parentbox" multiple="multiple" ondblclick="\_copy()"\>
        \<option value="Rad1"\>Rad1\</option\>
        \<option value="Rad2"\>Rad2\</option\>
        \<option value="Rad3"\>Rad3\</option\>
        \<option value="Rad4"\>Rad4\</option\>
        \<option value="Rad5"\>Rad5\</option\>
        \<option value="Rad6"\>Rad6\</option\>
      \</select\>
    \</td\>
    \<td\>
      \<input value="Copy" type="button" onclick="\_copy()" /\>\<br /\>
      \<input type="button" value="Remove" onclick="\_remove()" /\>
    \</td\>
    \<td\>
      \<select size=6 name="targetbox" multiple="multiple" ondblclick="\_remove()"\>
      \</select\>
    \</td\>
  \</tr\>
\</table\>

\<input type="button" value="Check" onclick="\_check()" /\>\<br /\>
\<form action="sida.asp" method="post" name="smlfrm"\>
  \<input type="text" size="80" name="tmptext" value=" " /\>
  \<input type="submit" Value="send"\>
\</form\>
\</BODY\>
\</HTML\>***

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

## #7 — Jojoxx, 2003-10-17T13:31Z

Alla formulärselement (\<input\>,\<select\>, osv) skall enligt html-standard ligga inom \<form\>...\</form\>-taggar.

Sedan reffererar du med ex.

document.formulärsnamn.fältnamn (inte bara fältnamn).
eller
document.forms\["formulärsnamn"\].elements\["fältnamn"\]

Bortsett från detta. Bara för att få din kod att inte generera fel:

```
function _copy(){ 
	for(var i=0;i<parentbox.length;i++){ 
		if(parentbox[i].selected==true){ 
			_add_to_box(i) 
		} 
	} 
	_check() 
} 
function _remove(){ 
	for(var i=parentbox.length-1;i>=0;i--){ 
		if(parentbox[i].selected==true){ 
			parentbox[i]=null; 
		} 
	} 
	_check() 
}
```

parentbox*.selected==true är lite redundant. parentbox*.selected är ett true/false-värde så det behöver du inte göra en jämförelse med true. Det räcker med;
if(parentbox*.selected){

Men, kör gärna din kod genom en [html-validator](http://validator.w3.org/).***

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

## #8 — tostewe, 2003-10-21T17:23Z

koden är nu reviderad och felfri för IE men varför funkar den inte alls under NS???

```
<html> 
<head> 
<title>JavaScript script 1.01 By Stewe Lundin 2003</title> 
<script language="javascript"> 
<!-- 
// 
// Script by Stewe Lundin [email]stewe@sagl.se[/email] 20031017 
// 
function _copy(){ 
	for(var i=document.forms[0].parentbox.length-1;i>=0;i--){ 
		if(document.forms[0].parentbox[i].selected==true){ 
			_add_to_box(i) 
		} 
		_check() 
	} 
} 

function _remove(){ 
	document.forms[0].targetbox.remove(document.forms[0].targetbox.selectedIndex); 
	if(document.forms[0].targetbox.selectedIndex>=0){ 
		_remove() 
	} 
	_check() 
} 

function _add_to_box(i){ 
	var objOpt = document.createElement("option"); 
	objOpt.text = document.forms[0].parentbox[i].value; 
	objOpt.value = document.forms[0].parentbox[i].value; 
	document.forms[0].targetbox.add(objOpt); 
} 

function _check(){ 
	if (document.forms[0].targetbox.length>=1){
		document.forms[0].tmptext.value=""; 
		for(var ii=0; ii<=document.forms[0].targetbox.options.length-1; ii++){ 
			document.forms[0].tmptext.value=document.forms[0].tmptext.value+document.forms[0].targetbox.options[ii].value+"," 
		}
	} 
} 
//--> 
</script>
</head> 
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000"> 
<form action="javascript.html" method="get" name="smlfrm">
<table> 
<tr> 
<td> 
<select size=6 name="parentbox" multiple="multiple" ondblclick="_copy()"> 
<option value="Rad1">Rad1</option> 
<option value="Rad2">Rad2</option> 
<option value="Rad3">Rad3</option> 
<option value="Rad4">Rad4</option> 
<option value="Rad5">Rad5</option> 
<option value="Rad6">Rad6</option> 
</select> 
</td> 
<td> 
<input value=">>" type="button" onclick="_copy()" /><br /> 
<input type="button" value="<<" onclick="_remove()" /> 
</td> 
<td> 
<select size=6 name="targetbox" multiple="multiple" ondblclick="_remove()"> 
</select> 
</td> 
</tr> 
</table> 

<input type="button" value="Kontrollera" onclick="_check()" /><br /> 
<input type="text" size="80" name="tmptext" value=" " /> 
<input type="submit" Value="Skicka"> 
</form> 
</BODY> 
</HTML>
```

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

## #9 — @nders, 2003-10-21T17:25Z

Jag kan inte svara på frågan, men skulle vilja be om lite \[kod\]-taggar för ökad läsbarhet av postad kod.

Mvh

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

## #10 — tostewe, 2003-10-21T20:28Z

> **@nders skrev:**
>
> Jag kan inte svara på frågan, men skulle vilja be om lite \[kod\]-taggar för ökad läsbarhet av postad kod.
> 
> Mvh

Se ovan

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

## #11 — tostewe, 2003-10-22T07:15Z

Fixat och klart.

Jag hade tagit några genvägar som Nätskräp inte gillade samt att jag inte satt id="" utan bara name="" på mina kontroller

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/88706-selectedindex-kopiera-från-listbox-listbox