Estou iniciando em Ajax e Jquery, e estou tentando fazer com que no momento que o usuário selecionar uma opção do select do formulário, ele imprima nos outros campos os seus respectivos dados. Até ai tudo bem, consegui realizar isso, mas como tenho um formulário dinâmico, ou seja, o usuário irá escolher quantos select´s ele quer, não consegui realizar isso, quando ele quer 5 select´s, ele seleciona qualquer um deles, da forma como fiz ele só imprime no 1º.
O código que realiza isso é o seguinte:
<script type="text/javascript" src="jquery-1.2.2.pack.js"></script> <script type="text/javascript"> var conta = 0; $(document).ready(function(){ $("select[name='instrumento']").change(function(){ $("input[name='custo_unitario']").val('Carregando...'); $.getJSON( 'function_ajax.php', {id: $(this).val()}, function(data){ $.each(data, function(i, obj){ $("input[name='custo_unitario']").val(obj.custo_unitario); }) }); }); }); </script>E os campos são gerados posteriormente por um script em php:
<?php $Quantidade = (isset($_POST['quantidade']) && is_int(intval($_POST['quantidade']))) ? (int)$_POST['quantidade'] : 5; for($i = 0; $i < $Quantidade; ++$i){ ?> <tr> <td width="15%" valign="top" class="espaco_home" align="center"><select id="instrumento" name="instrumento" > <option value="">--</option> <?php echo montaSelect(); ?> </select> </td> <td width="5%" valign="top" class="texto_formulario" align="center"><input name="custo_unitario" id="custo_unitario" type="text" size="12" /></td>Alguém poderia me ajudar?
Já estive pesquisando, e li que para isso seria necessário utilizar os métodos find() e parent(), mas não consegui aplicar a minha necessidade.
Desde já agradeço a ajuda e compreensão de todos!
Abraço!