lucas05 Postado Outubro 11, 2008 Denunciar Share Postado Outubro 11, 2008 Seguinte pessoal gostaria de faze um sistema assim..tipo tem um drop-down box que o cara escolhe o tanto de imput q vai abrir em baixonesse drop-down box tem tipo 1 2 3 4 5......ai se ele clica em 5 abre 5 input pra ele digita os dados...alguém sabe como fazer isso ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Outubro 11, 2008 Denunciar Share Postado Outubro 11, 2008 Lucas, não é difícil não, vou te mostrar uma forma de fazer.function append(attr){ // Deleta todos os elementos filhos do objeto html passado como argumento. while(attr["target"].childNodes[0]) attr["target"].removeChild(attr["target"].childNodes[0]) // Itera a quantidade escolhida e cria os elementos. for(var x = 0; x<parseInt(attr.size); x++){ var element = document.createElement(attr.element) // Seta todas as propriedades passadas por json. for(var y in attr.properties) element.setAttribute(y, attr.properties[y]) // Insere elemento novo dentro do objeto html passado como argumento. attr["target"].appendChild(element) } } Aqui tem uma função quase genérica que pega um json passado como argumento e cria um objeto de tipo, quantidade e atributos que desejar. Não se preocupe em entender, só guarde essa função porque será útil pra você. Depois você só chama a função passando os parâmetros desejados: window["onload"] = function(){ document.getElementById("tamanho")["onchange"] = function(){ append({ size: this.value, element: "input", properties: { "type":"text"}, target: document.getElementById("box") }) return false } } Exemplo: <body> <form> <fieldset> <select id="tamanho"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </fieldset> </form> <div id="box"></div> </body>Beleza? Aquele abraço. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 lucas05 Postado Outubro 12, 2008 Autor Denunciar Share Postado Outubro 12, 2008 Só mais uma duvida... , onde limito o tanto de caracteres q cabe dentro do input ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Outubro 12, 2008 Denunciar Share Postado Outubro 12, 2008 É só estender o objeto properties.properties: { "type":"text" "maxlength":100 } Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
lucas05
Seguinte pessoal gostaria de faze um sistema assim..
tipo tem um drop-down box que o cara escolhe o tanto de imput q vai abrir em baixo
nesse drop-down box tem tipo 1 2 3 4 5......
ai se ele clica em 5 abre 5 input pra ele digita os dados...
alguém sabe como fazer isso ?
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.