Ajax скрипт работает только для первой строки при обновлении страницы - PullRequest
Новая
       15

Ajax скрипт работает только для первой строки при обновлении страницы

1 голос
/ 17 мая 2011

У меня проблема с моим скриптом. Его целью является отображение некоторых значений в полях в зависимости от значения из выпадающего списка. Когда я запускаю другие сценарии, которые добавляют или удаляют новые строки в форме с теми же полями, но с другим идентификатором строки, он перестает работать для вновь добавленных строк. 

<script>
<?php echo 'var lista = '.form_dropdown('produkt[]',$lista).';'?>
$(document).ready(function() {
    $('select[name="produkt[]"]').change(function() {
        var id = $('select[name="produkt[]"] option:selected').val();
        var par = $(this).closest('tr').attr('id');
        $.getJSON(
            '<?php echo $head['site_link'];?>index.php/faktura/pobierzProdukt/'+id,
            function(data){
                var id = $('#'+par);
                $('input[name="pkwiu[]"]',id).val(data.product_pkwiu);
                $('input[name="netto[]"]',id).val(data.product_netto);
                $('input[name="vat[]"]',id).val(data.product_vat);
                $('input[name="brutto[]"]',id).val(data.product_brutto);
                $('input[name="jedn[]"]',id).val(data.product_jedn);
            },
            'json'
        );
    });

    $('#dodajWiersz').click(function() {
        var liczba = $('#produkty tr').length;
        var inputArray = [
            '1',
            lista,
            '<input type="text" name="pkwiu[]" class="short" readonly="readonly"/>',
            '<input type="text" name="netto[]" class="short" readonly="readonly"/>',
            '<input type="text" name="vat[]" class="mini" readonly="readonly"/>',
            '<input type="text" name="brutto[]" class="short" readonly="readonly"/>',
            '<input type="text" name="jedn[]" class="mini" readonly="readonly"/>',
            '<input type="text" name="ilosc[]" class="short"/>',
            '<input type="text" name="knetto[]" class="short" readonly="readonly"/>',
            '<input type="text" name="kvat[]" class="short" readonly="readonly"/>',
            '<input type="text" name="kbrutto[]" class="short" readonly="readonly"/>'
        ];
        var tdString = '<td>'+inputArray.join('</td><td>')+'</td>';
        if($('#produkty tbody tr').length>0) {
            var row = '<tr id="wiersz-'+liczba+'">'+tdString+'</tr>';
            $('#produkty').find('tbody').append(row);
            $('#produkty tr:last td:first-child').text(liczba);
        }
        else {
            var row = '<tr id="wiersz-1">'+tdString+'</tr>';
            $('#produkty').find('tbody').append(row);
        }
    });

    $('#usunWiersz').click(function() {
       $('#produkty').find('tbody tr:last').remove(); 
    });
});
</script>

Я думаю, что проблема в функции $ (document) .ready (). Но я не могу решить это.

UPDATE: Кажется, что DOM не обновляется. Я вижу новую структуру HTML в Firebug, но в исходном представлении есть старая структура. Я думаю, что это важно.

Ответы [ 2 ]

0 голосов
/ 18 мая 2011

ответ должен измениться: var id = $('select[name="produkt[]"] option:selected').val(); на var id = $(this).val(); Казалось, проблема с параметром: selected.

0 голосов
/ 17 мая 2011

$ (this) .closest ('tr'). Attr ('id') у вас всегда может быть один и тот же идентификатор

и

var row = '' + tdString + '';

вы всегда добавляете один и тот же идентификатор.

...