Ir para conteúdo

POWERED BY:

Arquivado

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

Kimura

[Resolvido] Copiar conteúdo selecionado Select Multiple

Por , em Javascript

Recommended Posts

Kimura    0

Kimura
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

M4n0w4r    0

M4n0w4r
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kimura    0

Kimura
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito