ajax kullanarak dinamik tablosundan seçici veri gönderme

oy
0

I kutusunun işaretli satır sayımından çıkarılır olan JS bazı veriler ve toplam sayım ile dinamik bir tablo.

Ben onay kutusunun işaretli olduğundan satırlar için başka bir php sayfasına ilk kimlik alanını ve toplam fiyat göndermek için bir yol gerekir. Resimde görüldüğü gibi ben toplam 1500 ile vales 8, 10 ve 15 göndermek gerekir aşağıda.
Burada

Her onay kutusu aynı id benzersiz bir kimliği ve değer verdik.

<table id=price-list>
<tr>
   <td>Some data</td>   
   <td>
       <input class=w3-check type=checkbox checked= value=<?php echo $row['rad_id']?> id=<?php echo $row['rad_id']?>>
   </td>
</tr>
<tfoot>
   <tr  class=totalColumn>
     <td><span> Ukupno:</span></td>
     <td class=total price>0.00 kn</td>
   </tr>
</tfoot>
</table>

En yakın başka senaryo değer gönderebilirsiniz içine koyarak ve başka bir PHP sayfası içine geçirerek ile, JS ile bütün tablo okuyor aldık.

<form action=spec-provjera.php method=POST>
<input type=button id=bt value=Show Table Data onclick=showTableData() />
    <!-- <input type=submit name=submit value=info id=info onclick=myFunction()/> -->

<script>
    function showTableData() {
        document.getElementById('info').innerHTML = ;
        var myTab = document.getElementById('price-list');

        // LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.
        for (i = 1; i < myTab.rows.length; i++) {

            // GET THE CELLS COLLECTION OF THE CURRENT ROW.
            var objCells = myTab.rows.item(i).cells;

            // LOOP THROUGH EACH CELL OF THE CURENT ROW TO READ CELL VALUES.
            for (var j = 0; j < objCells.length; j++) {
                info.innerHTML = info.innerHTML + ' ' + objCells.item(j).innerHTML;
            }
            info.value = info.innerHTML + '<br />';     // ADD A BREAK (TAGG)
        }    
    }
</script>
  <script>
    function myFunction() {
    var info = document.getElementById(info).value;
    $.ajax({
            type : POST,  //type of method
            url  : spec-provjera.php,  //your page
            data : { info : value.info},// passing the values
            success: function(res){  
                                    //do what you want here...
                    }
        });
    }
    </script>
<button class=w3-btn w3-right w3-deep-orange type=submit name=izrada id=info onclick=myFunction()/>KREIRAJ test</button>
</form>

Bu, tüm tablo AJAX ile Spec-provjera.php içine içeriyor ancak bu şekilde tamamen dağınık ve onay kutuları olan mesajlar tüm satırları tüm kümesi çok kontrol geçer.
Can birisi Bunu yapmak Ben JS ile çok iyi değilim akılda tutmak için bir yol göstermektedir.

Oluştur 19/03/2020 saat 21:56
kaynak kullanıcı
Diğer dillerde...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more