Publicado em 19 de mar.

[Resolvido] Copiar conteúdo selecionado Select Multiple

Olá,

Tenho este trecho jQuery:

$('.combo').click(function(){return $('.combo option:selected').prependTo('.visualizador');});

Eu tenho dois selects:

Um eu tenho todos os itens que a pessoa pode marcar;

No outro eu quero que apareçam todos os itens que a pessoa escolheu, sem remover os itens do primeiro.

Se a pessoa desmarcar algum iten do primeiro, o item do segundo desaparece.

O script acima faz quase o que preciso, mas está removendo os itens.

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

M4n0w4r· 20 de mar.

Ta ae meu filho, o único problema é que so funciona com o mouse :o Flowwwwwwwwwwwwww

<html>
	<head>
 <script type = "text/javascript">
 Element.prototype.pegaValoresSelect = function (select) {
 var opcao, opcoes = this.options;

 this.onclick = function () {
 select.innerHTML = "";

 for (var i = 0; i < opcoes.length; i++) {
 if (opcoes[i].selected) {
 opcao = document.createElement ("option");
 opcao.innerHTML = opcoes[i].text;

 select.appendChild (opcao);
 }
 }
 }
 }

 window.onload = function () {
 document.getElementById ("tiposMina").pegaValoresSelect (document.getElementById ("mostraMinas"));
 }
 </script>
	</head>

	<body>
 <label>Iae mano, qual tipo de mina é firmeza pra você veio :) <br />
 <select id = "tiposMina" multiple = "multiple">
 <option>Aquela loira</option>
 <option>Aquela morena</option>
 <option>Aquela ruiva</option>
 </select>
 </label> <br /> <br />

 <label>Se tem bom gosto mano, ae embaixo ta as mina que tu curti: <br />
 <select id = "mostraMinas"></select>
 </label>
	</body>
<html>

Kimura· 22 de mar.

Obrigado.

Alguém saberia passar isso para o formato jQuery?

Kimura· 23 de mar.

Consegui resolver o problema da seguinte forma:

$(".combo").change(function()
	{
 var str = "";
 $(".combo option:selected").each(function()
 {
 str += '<option>' + $(this).text() + '</option>';
 });

 $("#visu").html(str);
	})

Só mais uma dúvida:

Supondo que ao carregar a página o select multiple já esteja com várias opções marcadas, o outro select não irá capturar as opções, pois está com o evento change, como eu posso resolver isso?

Vlw.