Como se chama isso | Como fazer

<script type="text/javascript">
function adiciona(){
	var campo = $('A').getElementsByTagName('option');

	for ( i=0; i<campo.length; i++){
 if( campo[i].selected == true ) {
 cod = campo[i].id;
 codigo = campo[i].value;
 descricao = campo[i].text;

 var novo = document.createElement("option");
 novo.setAttribute("id", cod);
 novo.value = codigo;
 novo.text = descricao;

 index = cod.substring(2);
 //console.log(index);
 $('B').options.add(novo);
 $('A').remove((index-1));
 }
	}
}

function apaga(){
	var campo = $('B').getElementsByTagName('option');

	for ( i=0; i<campo.length; i++){
 if( campo[i].selected == true ) {
 cod = campo[i].id;
 codigo = campo[i].value;
 descricao = campo[i].text;

 var novo = document.createElement("option");
 novo.setAttribute("id", cod);
 novo.value = codigo;
 novo.text = descricao;

 index = cod.substring(2);
 $('A').options.add(novo);
 $('B').remove((index-1));
 }
	}
}

</script>

<select id="A" name="A" multiple>

	<option id="op1" value="campo1">Campo1</option>
	<option id="op2" value="campo2">Campo2</option>
	<option id="op3" value="campo3">Campo3</option>
	<option id="op4" value="campo4">Campo4</option>
	<option id="op5" value="campo5">Campo5</option>
	<option id="op6" value="campo6">Campo6</option>
	<option id="op7" value="campo7">Campo7</option>
	<option id="op8" value="campo8">Campo8</option>
	<option id="op9" value="campo9">Campo9</option>

</select>

<input type="button" value="Adicionar" onclick="adiciona();" />
<input type="button" value="Remover" onclick="apaga();" />

<select id="B" name="B" multiple></select>

consegui fazer isso, mas não funciona muito bem o que pode ser!!

quando mando ele remover ele as vezes remove e as vezes não remove!

e as vezes remove o indice errado

abraço

Cara o valor de indice você está pegando o valor do id

e isso não é verdade o valor do indice é o valor da posição i

ficando assim no final

<script type="text/javascript">
function adiciona(){
	campo = $('A').getElementsByTagName('option');
	for ( i=0; i<campo.length; i++){
 if( campo[i].selected == true ) {
 cod = campo[i].id;
 codigo = campo[i].value;
 descricao = campo[i].text;
 novo = document.createElement("option");
 novo.setAttribute("id", cod);
 novo.value = codigo;
 novo.text = descricao;
 $('A').remove(i);
 $('B').options.add(novo);
 }
	}
}

function apaga(){
	campo = $('B').getElementsByTagName('option');
	for ( i=0; i<campo.length; i++){
 if( campo[i].selected == true ) {
 cod = campo[i].id;
 codigo = campo[i].value;
 descricao = campo[i].text;
 novo = document.createElement("option");
 novo.setAttribute("id", cod);
 novo.value = codigo;
 novo.text = descricao;
 $('B').remove(i);
 $('A').options.add(novo);
 }
	}
}

</script>

<select id="A" name="A" multiple>
	<option id="op1" value="campo1">Campo1</option>
	<option id="op2" value="campo2">Campo2</option>
	<option id="op3" value="campo3">Campo3</option>
	<option id="op4" value="campo4">Campo4</option>
	<option id="op5" value="campo5">Campo5</option>
	<option id="op6" value="campo6">Campo6</option>
	<option id="op7" value="campo7">Campo7</option>
	<option id="op8" value="campo8">Campo8</option>
	<option id="op9" value="campo9">Campo9</option>
</select>

<input type="button" value="Adicionar" onclick="adiciona();" />
<input type="button" value="Remover" onclick="apaga();" />

<select id="B" name="B" multiple></select>

PS: Não sei o nome disso! Mas acho que fica legal!