Ir para conteúdo
Fórum Script Brasil
  • 0

input dinamico com suggest


Jefersson

Pergunta

Ola pessoal, preciso de um help, na seguinte situação, preciso fazer um formuario de orçamento, onde o cliente na medida que digita apareça o nome dos produtos, e automaticamente preencha outros campos, e que tenha um botão de adicionar outro input com as mesmas caractristicas, para que o cliente solicite se necessario outro produto.

já consegui fazer a parte de incluir input, mas estou me batendo muito com o suggest, pois toda vez que insiro um novo input, o suggest deixar de funcionar nos novos campos.

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0

Você ta usando jquery ?

Eu já tentei fazer a mesma coisa que você, mas meu autocomplete era com jquery, ai mandando inserir uma nova input com a mesma classe e tudo não funcionava também.

A solução que encontrei.

Trabalhe com apenas uma input de autocomplete, e coloque um botão para pegar o valor dessa input e criar uma nova input com esse valor.

Link para o comentário
Compartilhar em outros sites

  • 0
Trabalhe com apenas uma input de autocomplete, e coloque um botão para pegar o valor dessa input e criar uma nova input com esse valor.

Zuadinho essa solução ein? Você não tá resolvendo o problema... tá só ignorando ele lol.

Link para o comentário
Compartilhar em outros sites

  • 0

Intão estou fazendo da seguinte maneira

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="content-type"

content="text/html; charset=utf-8" />

<script type="text/javascript"

src="http://www.tecnowarez.com/arquivos/jquery/jquery.min.js"></script>

<script type="text/javascript" src="teste.js"></script>

<script type="text/javascript" src="../simpleautocomplete/js/jquery.js"></script>

<script type="text/javascript" src="../simpleautocomplete/js/simpleAutoComplete.js"></script>

<link rel="stylesheet" type="text/css" href="../simpleautocomplete/css/simpleAutoComplete.css" />

<script type="text/javascript">

$(document).ready(function()

{

$('#estado_autocomplete').simpleAutoComplete('ajax_query.php',{

autoCompleteClassName: 'autocomplete',

selectedClassName: 'sel',

attrCallBack: 'rel',

identifier: 'estado'

},estadoCallback);

$('#cidade_autocomplete').simpleAutoComplete('ajax_query.php',{

autoCompleteClassName: 'autocomplete',

selectedClassName: 'sel',

identifier: 'cidade',

extraParamFromInput: '#id_estado'

},cidadeCallback);

});

function estadoCallback( par )

{

$("#id_estado").val( par[0] );

$("#uf1").val( par[1] );

$("#cidade_autocomplete").removeAttr("disabled");

$("#cidade_autocomplete, #uf2, #id_cidade").val("");

}

function cidadeCallback( par )

{

$("#id_cidade").val( par[0] );

$("#uf2").val( par[1] );

}

</script>

</head>

<body>

<form action="mantemPessoas.php" method="post">

<div class="dados">

<p class="campoDados"><span style="margin-left:100px;">

<input type="text" id="estado_autocomplete" name="estado" autocomplete="off" style="width: 250px; height: 23px;" class="dados" />

<input type="text" name="uf1" id="uf1" disabled="disabled" />

<input type="text" id="id_estado" name="id_estado" disabled="disabled" />

</span><a href="#" class="removerCampos">Remover Campos</a>

</p>

</div>

<p>

<a href="#" class="adicionarCampos">Adicionar campos</a>

</p>

</form>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

  • 0
Zuadinho essa solução ein? Você não tá resolvendo o problema... tá só ignorando ele lol.

Não to ignorando ele não, só mencionei um caso que aconteceu comigo e dei uma ideia do que ele poderia fazer.

Tudo bem que não é das melhores mas em todo caso é uma alternativa :P

Link para o comentário
Compartilhar em outros sites

  • 0

Achei uma coisa que deve te ajudar jQuery autocomplete for dynamically created inputs , comigo deu certo cara.

Agora eu crio as inputs com o jquery e o autocomplete funciona em cada input nova que for criada.

O segredo pra fazer funcionar e chamar a função do autocomplete toda vez que você criar uma nova input.

Esse link talvez pode te ajudar também pra criar as input com jquery

Editado por dinohills
Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...