JavaScript
Movendo Dados de um Listbox para outro Listbox
Publicado em: 12/03/2007 |
JavaScript |
Visualizações: 4.210 |
2 Comentário(s)
Esse é o codigo Html bem simples mas creio que muita gente precisa de um componet como este em seu dia dia de trabalho. Bom esta aqui é bom que quem veja esta coluna não apenas pegue o codigo mas intenda-o tambem.
Pre-visualização:
Codigo Java Script para passar os parametros de um lista para o outro esse é mais complicado um pouco mas nada muito trabalhoso. Coloque o código entre tags <head> e </head>
Até a proxima pessoal
Abraços.
Pre-visualização:
<html>
<head>
<title>Movendo itens de um list para o outro</title>
</head>
<body>
<form name="combo_box">
<table>
<tr>
<td>
<select multiple size="10" name="list1" style="width:150">
<option value="1">Acre</option>
<option value="2">Alagoas</option>
<option value="3">Amapá</option>
<option value="4">Amazonas</option>
<option value="5">Bahia</option>
<option value="6">Ceará</option>
<option value="7">Distrito Federal</option>
<option value="8">Espírito Santo</option>
<option value="9">Goiás</option>
<option value="10">Maranhão</option>
<option value="11">Mato Grosso</option>
<option value="12">Mato Grosso do Sul</option>
<option value="13">Minas Gerais</option>
<option value="14">Pará</option>
<option value="15">Paraíba</option>
<option value="16">Paraná</option>
<option value="17">Pernambuco</option>
<option value="18">Piauí</option>
<option value="19">Rio de Janeiro</option>
<option value="20">Rio Grande do Norte</option>
<option value="21">Rio Grande do Sul</option>
<option value="22">Rondônia</option>
<option value="23">Roraima</option>
<option value="24">Santa Catarina</option>
<option value="25">São Paulo</option>
<option value="26">Sergipe</option>
<option value="27">Tocantins</option>
</select>
</td>
<td valign="middle">
<input type="button" onClick="move(this.form.list2,this.form.list1)" value="<<">
<input type="button" onClick="move(this.form.list1,this.form.list2)" value=">>">
</td>
<td>
<select multiple size="10" name="list2" style="width:150">
</select>
</td>
</tr>
</table>
</form>
</body>
</html>Codigo Java Script para passar os parametros de um lista para o outro esse é mais complicado um pouco mas nada muito trabalhoso. Coloque o código entre tags <head> e </head>
<script language="JavaScript">
function move(MenuOrigem, MenuDestino){
var arrMenuOrigem = new Array();
var arrMenuDestino = new Array();
var arrLookup = new Array();
var i;
for (i = 0; i < MenuDestino.options.length; i++){
arrLookup[MenuDestino.options.text] = MenuDestino.options.value;
arrMenuDestino = MenuDestino.options.text;
}
var fLength = 0;
var tLength = arrMenuDestino.length;
for(i = 0; i < MenuOrigem.options.length; i++){
arrLookup[MenuOrigem.options.text] = MenuOrigem.options.value;
if (MenuOrigem.options.selected && MenuOrigem.options.value != ""){
arrMenuDestino[tLength] = MenuOrigem.options.text;
tLength++;
}
else{
arrMenuOrigem[fLength] = MenuOrigem.options.text;
fLength++;
}
}
arrMenuOrigem.sort();
arrMenuDestino.sort();
MenuOrigem.length = 0;
MenuDestino.length = 0;
var c;
for(c = 0; c < arrMenuOrigem.length; c++){
var no = new Option();
no.value = arrLookup[arrMenuOrigem[c]];
no.text = arrMenuOrigem[c];
MenuOrigem[c] = no;
}
for(c = 0; c < arrMenuDestino.length; c++){
var no = new Option();
no.value = arrLookup[arrMenuDestino[c]];
no.text = arrMenuDestino[c];
MenuDestino[c] = no;
}
}
</script>Até a proxima pessoal
Abraços.
Rodrigo
Formado em Sistemas de Informação pela Fac. de Tecnologia Uirapuru trabalha com Asp e Asp.Net a 2 an.
Todas as matérias de Rodrigo
- Compartilhando o acesso à internet 3G
A rede 3G de acesso à internet é uma grande realidade hoje, em funcionamento em . - Os 10 piores bugs da história
Os 10 piores bugs da história, acompanhe abaixo esses bugs e caso você conheça u. - Indicadores da Qualidade
Os indicadores da qualidade, são na realidade uma das ferramentas mais utilizada. - Internet, intranet e extranet o que são, e quais as diferenças?
Este artigo demonstra o que é cada um destes acessos. Como funcionam, e para que. - Photoshop - Criando gif animado
Vídeo aula de photoshop, ensina a criar um gif animado com a utilização da guia .
- Sistema de Login com Jquery
Aprenda a fazer um sistema de login php/mysql e javascript. - Limitar texto em um textarea
Este artigo mostra ensina como vocês podem bloquear o número de caracteres em um. - Reflexo em imagem com javascript
Vou demonstrar hoje um efeito muito útil para todos os desenvolvedores. Este efe. - Criando Rollovers com JavaScript
ROLLOVER é um efeito de troca de imagens ao passar com o mouse sobre a imagem. - Mascará para campo hora
Hoje vou mostrar como se faz uma mascará no campo de hora em javascript. Muito u.
Lukas
Publicado em: 18/06/2007 - 08:10
Gostei do desta informação. Mas como faço para ter uma opção (botão) para mover todos os itens de uma ListBox para a outra? Obrigado, Lukas
Luiz Felipe Weber
Publicado em: 21/11/2007 - 11:19
Este script não funciona no firefox. Eu me baseei no seu par a fazer um funciona em todos os navegadores. Mas quebrou um galho nervoso o teu script. valew.