concatenation - Jquery input name concanate with auto increment variable -
i created table containing button adds row table every time click on it. row created has 4 input, 1 of these input has auto-suggest / auto-complete search info in database , returns info other 3's input fields. image below
link image: http://imgur.com/qt7wzv1.jpg
code:
<script> $(function(){ var cnt = 0; var quantidadedisponivel; $("#adicionar_item").click(function(){ $('#tabela_publicacoes tr').last().after('<tr><td>#'+cnt+'</td><td><input type="hidden" name="titulopublicacao'+cnt+'" id="titulopublicacao'+cnt+'" style="width: 600px;"></td><td><input class="form-control" name="cod_publicacao'+cnt+'" type="text" disabled="disabled"></td><td><input class="form-control" disabled="disabled" name="valorunitario'+cnt+'" type="text" value=""></td><td><input class="form-control" name="quantidadedisponivel'+cnt+'" id="quantidadedisponivel'+cnt+'" type="text" disabled="disabled" value=""></td></tr>'); $('#titulopublicacao'+cnt).select2({ placeholder: "digite o título da publicacao", ajax: { url: 'autosuggest_busca_publicacao.php', datatype: 'json', quietmillis: 50, data: function (term) { homecoming { term: term }; }, results: function (data) { var results = []; $.each(data, function(index, item){ results.push({ text: item.titulopublicacao + " - número: " + item.numero + " - ano: " + item.ano, id: item.cod_publicacao, quantidadedisponivel: item.quantidadedisponivel }); }); homecoming {results: results}; } }, }); $('#titulopublicacao'+cnt).change(function() { var selections = ( json.stringify($('#titulopublicacao'+cnt).select2('data')) ); //console.log('selected ids: ' + ids); console.log('selected options: ' + selections); //$('#selectedids').text(ids); $("input[name='quantidadedisponivel"+cnt+"']").val(selections); }); cnt++; $("#anc_rem").click(function(){ if($('#tabela_publicacoes tr').size()>1){ $('#tabela_publicacoes tr:last-child').remove(); }else{ alert('erro, não foi possível remover'); } }); }); </script> html code:
<table id="tabela_publicacoes" class="table table-hover"> <thead> <tr> <th>item</th> <th>título</th> <th>código</th> <th>valor unitário</th> <th>quantidade disponível</th> </tr> </thead> <tbody> </tbody> </table> <a href="javascript:void(0);" id="adicionar_item"><button class="btn btn-md btn-success btn-next">adicionar item</button></a> <a href="javascript:void(0);" id="anc_rem"><button class="btn btn-md btn-danger btn-next">remover item</button></a> my problem can not homecoming values to input 3's. statement $("input[name='quantidadedisponivel" + cnt + "']") +cnt+ concatenated gives problem. declaring wrong way?
jquery concatenation
No comments:
Post a Comment