Ir para conteúdo

POWERED BY:

Arquivado

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

eumesm0

[Resolvido] Pegar um nome de uma lista e levar para um select

Por , em Javascript

Recommended Posts

eumesm0    0

eumesm0
Postado

Olá a todos!

 

Como faço para pegar um nome de uma lista e levar esse nome para um select, bem com o value?

 

Funciona mais ou menos assim: existe um select multiple vazio, eu clico em um botão "exibir lista" e abre uma janela pop-up com uma lista de nomes, eu clico em um nome e ele é levado para o select (é necessário que o nome seja escrito no select sem que a página atualize).

 

Obrigado desde já!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>

<head>

<script type="text/javascript">

function id( el ){

return document.getElementById( el );

}

window.onload = function(){

var lis = id('nomes').getElementsByTagName('li');

for( i in lis ){

lis.onclick = function(){

var option = document.createElement('option');

var text = document.createTextNode( this.innerHTML );

option.value = this.innerHTML;

option.appendChild( text );

id('mul').appendChild( option );

}

}

}

</script>

</head>

<body>

 

<select name="mul[]" id="mul" multiple="multiple" size="5">

<option value="">--</option>

</select>

<ul id="nomes">

<li>William</li>

<li>Bruno</li>

<li>Rocha</li>

</ul><!-- /nomes -->

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

eumesm0    0

eumesm0
Postado

Obrigado, vou testar aqui.

 

O código funciona desde que o select box e a lista estejam na mesma página, porém quando coloco a lista para abrir numa janela pup-up, ao clicar em um nome este não é levado para o select.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pesquise sobre window.parent ai você vai conseguir levar do popup para a página mãe.

Compartilhar este post

Link para o post
Compartilhar em outros sites

eumesm0    0

eumesm0
Postado

Olá,

 

eu ainda não testei o window.parent, mas me deparei com outro problema: cada <li> precisa ter um id de forma que esse id seja o value do select.

Exemplo:

 

<ul id="nomes">
                <li id='1'>William</li>
                <li id='2'>Bruno</li>
                <li id='3'>Rocha</li>
        </ul><!-- /nomes -->

ao clicar em "William" o select ficaria assim

 

<select name="mul[]" id="mul" multiple="multiple" size="5">
                <option value="1">William</option>
        </select>

Mais uma vez obrigado.

 

OK, consegui resolver o problema acima.

 

Agora só tenho que descobrir um jeito de usar o window.parent para enviar os valores do popup pra página mãe.

 

OK, consegui enviar do popup. Tive que usar window.opener.

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