Varios inputs na mesma div

[Encoder 0]

Boa Tarde Galera.

Tenho uma duvida:

Exibo para o usuario um select com varias opçoes,

acontece que se o usuario quiser, pode escolher mais de uma opção do select. Tenho uma pagina que chamo dinamicamente e escreve um input hiden com o valor selecionado. Acontece que não consigo incluir mais de um input na div.. :(

esta mais ou menos assim:

<select name="selecione">...</select>
<buttton onclick="ajax_function('pagina-destino.php?id=opcao-selecionada','id_div')">ok</button>
<div id="id_div">
<input type="hidden" name="opcoes[]" value="opcao-selecionada1" />
</div>

Como disse, não consigo fazer aparecer um 2º input...ao clicar no botao outra vez o input antigo é substituido.

Como faço pra preservar o antigo input?

[William Bruno 1501]

concatene oque já tinha, com oque você qr receber agora..

 

algo como:

 

elemento.innerHTML = elemento.innerHTML + 'adicional';

ou a forma simplificada:

elemento.innerHTML += 'adicional';

 

mas, isso depende de como você faz para colocar o input lá.

[Encoder 0]

Olá William!

desculpe mas não entendi o que voce quis dizer...

assim, a pagina onde eu faço a requisição ajax me retorna uma linha com o input hidden onde o value é a opção selecionada...

Explica melhor o que você quis dizer pra eu poder tentar e ver se funciona :)

[Encoder 0]

Na pagina destino da funcao eu fiz:

 

<script>
 document.getElementById("reps").innerHTML="<input type='hidden'  name='representantes[]' value='<?=$id?>' />";
 </scrip>

mas o input ainda é substituído :(

[William Bruno 1501]

primeiro me explica como, você coloca os inputs no html ^_^

 

depois releia o meu post, não tenho muito mais oque explicar..

document.getElementById("reps").innerHTML += '<input type="hidden" name="representantes[]" value="<?php echo $id; ?>" />';

[Encoder 0]

Eu coloco o input em uma div atraves de uma função ajax que recebe 2 parametros: a url-destino da requsição e o id da div que vai receber a resposta...tudo que faço na pagina destino e acessar o value do select por $_GET e atribuir numa variavel e adicionar o input..porem na funcão ajax a resposta nao é concatenada no innerHTML é simplesmente

elem.innerHTML = resposta;

será que é por isso que sobescreve?

[William Bruno 1501]

sim, exatamente.

 

Agora, pra quê usar ajax nisso ?

dava para fazer apenas com javascript, tudo do lado do cliente !!

 

se o cara pode escolher mais de uma opção, use: select multiple, ou checkbox !

toda essa coisa de ir no servidor com ajax, retornar e mostrar.. me parece uma #@?$%~ gambiarra e processamento desnecessário, para algo que poderia ser resolvido de maneira muito simples.