Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jerri Dick

Inserir e apagar valores em um Select

Recommended Posts

Olá, meu problema é o seguinte, na minha página tenho 2 Selects, e 2 buttons, gostaria de fazer com que, quando clico em um dos botões, ele apague o valor selecionado em um dos selects, e o adicione no outro, há alguma maneira de fazer isto sem ter que dar refresh na pagina toda vez?O html da pagina:

<body><p>  <select name="select" size="5" multiple="multiple">    <option value="Valor1">Valor1</option>    <option value="Valor2">Valor2</option>    <option value="Valor3">Valor3</option>    <option value="Valor4">Valor4</option>  </select>  <select name="select2" size="5" multiple="multiple">  </select></p><p>  <input name="bacidiona" type="button" id="bacidiona" value="Adicionar" />  <input name="bremove" type="button" id="bremove" value="Remover" /></p></body>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa, só pra constar, ja consegui resolver meu problema, e caso venha a interessar a alguem, estou postando o script que usei:

Só pra constar, testado no IE6, IE7, FF, e Opera 9.

 

<script type="text/javascript">	var select1 = document.getElementById(sel1);	var select2 = document.getElementById(sel2);	if (select1.selectedIndex != -1){		tam = select2.options.length++;	 // qtd registros do select		select2.options[tam].text=select1.value;  // adicionar novo registro		select2.options[tam].value=select1.value; // dar o valor ao registro		select2.options[tam].selected=0; // 0 para não selecionada, 1 para selecionada		select1.options[select1.selectedIndex] = null;	}}</script><body>  <select name="players" size="5" multiple="multiple" id="players">	<option value="Valor1">Valor1</option>	<option value="Valor2">Valor2</option>	<option value="Valor3">Valor3</option>	<option value="Valor4">Valor4</option>  </select>  <select name="players2" size="5" multiple="multiple" id="players2">	<option value="teste1">teste1</option>	<option value="teste2">teste2</option>	<option value="teste3">teste3</option>  </select><br>  <input name="bacidiona" type="button" id="bacidiona" onClick="javascript:transfere('players','players2')" value="Adicionar" />  <input name="bremove" type="button" id="bremove" onClick="javascript:transfere('players2','players')" value="Remover" /></body>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.