2 funções Javascript com php

[Bruno Conte 4]

Boa tarde, estou com um probleminha.

 

Hoje tenho no meu cadastro de orçamento onde eu seleciono o escopo ele abre em uma div com textarea o escopo que selecionei.

So que meu cliente hoje me solicitou que ele quer varios escopos e não apenas um.

 

hoje uso assim para selecionar:

 

 

<select name="escopo2" id="escopo2" onchange="$('.divs').hide();$('#'+this.value).show();">

<option value="" selected="selected">Selecione um Escopo</option>

<?php

while ($vetoresc=mysql_fetch_array($sql_escopo)) {

?>

<option value="<?php echo $vetoresc['id_escopo']; ?>"><?php echo $vetoresc['titulo'] ?></option>

<?php

}

?>

</select>

 

E no codigo abaixo ele carrega o escopo que foi selecionado a cima

 

 

<?php

while ($vetoresc1=mysql_fetch_array($sql_escopo1)) {

?>

<div id="<?php echo $vetoresc1['id_escopo']; ?>" class="divs"><textarea name="escopo[<?php echo $vetoresc1['id_escopo']; ?>]" class="ckeditor" id="editor1"><?php echo $vetoresc1['texto'] ?></textarea></div>

<?php

}

?>

 

Javascript que carrega:

 

 

<script>

$(document).ready(function() {

$('.divs').hide();$('#d1').show();

});

</script>

 

eu queria usar um codigo que vai adicionando campos no formulario so que continuando funcionando esse carregamento.

 

fiz assim:

 

 

<script type="text/javascript">

var qtdeCampos = 0;

function addCampos() {

var objPai = document.getElementById("campoPai");

//Criando o elemento DIV;

var objFilho = document.createElement("div");

//Definindo atributos ao objFilho:

objFilho.setAttribute("id","filho"+qtdeCampos);

//Inserindo o elemento no pai:

objPai.appendChild(objFilho);

//Escrevendo algo no filho recém-criado:

document.getElementById("filho"+qtdeCampos).innerHTML = "<table width='100%' border='0'><tr><td><select name='escopo2' id='escopo2' onchange='$(.divs).hide();$(#+this.value).show();'><option value='' selected='selected'>Selecione um Escopo</option><?php while ($vetoresc=mysql_fetch_array($sql_escopo)) { ?> <option value='<?php echo $vetoresc[id_escopo]; ?>'><?php echo $vetoresc[titulo] ?></option><?php } ?> </select></td></tr><tr><td> </td></tr><tr><td><?php while ($vetoresc1=mysql_fetch_array($sql_escopo1)) { ?> <div id='<?php echo $vetoresc1[id_escopo]; ?>' class='divs'><textarea name='escopo[<?php echo $vetoresc1[id_escopo]; ?>]' class='ckeditor' id='editor1'><?php echo $vetoresc1[texto] ?></textarea></div> <?php } ?></td></tr><tr><td> </td></tr><tr><td><input type='button' onclick='removerCampo("+qtdeCampos+")' value='Apagar campo'></td></tr></table>";

qtdeCampos++;

}

function removerCampo(id) {

var objPai = document.getElementById("campoPai");

var objFilho = document.getElementById("filho"+id);

//Removendo o DIV com id específico do nó-pai:

var removido = objPai.removeChild(objFilho);

}

</script>

 

com o codigo para mostrar assim:

 

 

<div id="campoPai"><img src="imgsfinanceiro/separacao.png" alt="" width="10" height="10" /></div>

<input type="button" value="Adicionar campos" onClick="addCampos()">

 

o que fazer para funcionar, já que usarei 2 funções em javascript puxando dados do banco de dados.