1 reply to this topic

[Lesfar Inmors]

Tenho uma página dinâmica em php, que pega os dados do banco e cria a combo. Bem, a combo lista as categorias inclusas no banco então assim que abre a página ela está criada. Dai o que acontece ontem (depois de ter feito tudo o que me pediram) descobriram que um produto pode ter mais de uma categoria. O problema é que não se sabe quantas categorias um produto pode ter, pode ser uma a, sei lá, 10. Então tenho que duplicar essa combo quantas vezes o cliente precisar.

O problema está sendo esse, como duplicar.

se alguém souber como fazer isso.

Mas as que já foram criadas não podem perder os dados, assim, o selecionado tem que continuar selecionado.

[Klaus]

Bom, fiz um barato aqui pra você se basear:

<script type="text/javascript">
	var clona = function()
	{
		var oPai = document.getElementById( "combos" );
		var oBase = document.getElementById( "base" );
		oPai.appendChild( oBase.cloneNode( true ) );
	}
</script>

<style type="text/css">
	select {
		display: block;
		margin: 0px 0px 10px 15px;
	}
</style>

<div id="combos">

	<p>
		<button onclick="clona();">+ Mais um!</button>
	</p>

	<select id="base" multiple="multiple" size="5">
		<option value="1">111111</option>
		<option value="2" selected="selected">222222</option>
		<option value="3" selected="selected">333333</option>
		<option value="4">444444</option>
		<option value="5" selected="selected">555555</option>
		<option value="6">666666</option>
		<option value="7">777777</option>
		<option value="8" selected="selected">888888</option>
		<option value="9" selected="selected">999999</option>
		<option value="0">000000</option>
	</select>
	
</div>

Ainda precisa fazer ajustes mas, isso é por sua conta, claro...

* Não testei no IE...

Edição feita por: Klaus, 21/10/2006, 15:54.