Αποστολή επιλεκτική δεδομένα από τον πίνακα δυναμική χρήση ajax

ψήφοι
0

Έχω ένα πίνακα δυναμική με κάποια δεδομένα και συνολική καταμέτρηση με JS, όταν το πλαίσιο ελέγχου είναι επιλεγμένο σειρά έχει αφαιρεθεί από τον αρχικό αριθμό.

Χρειάζομαι έναν τρόπο να στείλει το πρώτο πεδίο Αναγνωριστικό και η συνολική τιμή σε άλλη σελίδα php για σειρές όπου είναι επιλεγμένο το πλαίσιο ελέγχου. Όπως φαίνεται στην εικόνα παρακάτω θα πρέπει να στείλετε κοιλάδες 8, 10 και 15 με το σύνολο των 1500.
εισάγετε

Έχω δώσει σε κάθε κουτάκι μια μοναδική ταυτότητα και την αξία του ίδιου id.

<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>

Πλησιέστερη που πήρα διαβάζει ολόκληρο τον πίνακα με τα JS, με ένα άλλο σενάριο που θέτει σε υποβάλετε την αξία και τη διαβίβασή της σε άλλη σελίδα PHP.

<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>

Αυτό περνά όλα πίνακας περιέχει σε spec-provjera.php με AJAX, αλλά με αυτόν τον τρόπο είναι εντελώς ακατάστατη και δημοσιεύσεων όλες τις γραμμές με το check-κουτιά όλα έτοιμα πολύ ελέγχονται.
Μπορεί κάποιος να προτείνει έναν τρόπο για να το κάνετε αυτό, να έχετε κατά νου ότι δεν είμαι πολύ καλός με JS.

Δημοσιεύθηκε 19/03/2020 στις 21:56
πηγή χρήστη
Σε άλλες γλώσσες...                            

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