Jump to content
Fórum Script Brasil
  • 0

input dinamico com suggest


Jefersson
 Share

Question

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 to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other 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

Edited by dinohills
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.9k
    • Total Posts
      648.8k
×
×
  • Create New...