JavaScript - Wie man Wert von der Funktion übergibt/speichert, um verstecktes Feld zu bilden?

Question

Bitte, ich habe ein Problem mit dem JavaScript unten. Ich bin nicht sehr an JavaScript gewöhnt ... Was ich unten habe, ist ein Ticketbuchungsskript, das die Anzahl der ausgewählten Tickets, den Gesamtbetrag und die Sitzplatz-/Sitzplatznummer anzeigt. Ich möchte die Nummer des Tickets, der Sitzreihe, der Sitznummer (für alle ausgewählten Sitzplätze e, g 3,5 und 8,2 bedeutet Reihe 3 Platz 5 und Reihe 8 Platz 2) und Betrag im HTML-Formular HIDDEN FIELD als auswählen irgendwo im Code angezeigt und dann diese Werte an eine andere Seite über die Schaltfläche senden und dann erhalten sie per PHP.

<div class="booking-details"> 
    <ul class="book-left"> 
    <li>Time </li> 
    <li>Tickets</li> 
    <li>Total</li> 
    <li>Seats :</li> 
</ul> 
<ul class="book-right">   
    <li>: April 3, 21:00</li> 
    <li>: <span id="counter">0</span></li> 
    <li>: <b><i>$</i><span id="total">0</span></b></li> 
</ul> 
<div class="clear"></div> 
<ul id="selected-seats" class="scrollbar scrollbar1"></ul> 


<!-- HTML FORM WHERE HIDDEN INPUT IS LOCATED TO GET THE VARIABLES --> 

  <div id="legend"></div> 
     </div> 
     <div style="clear:both"></div> 
    </div> 

     <script type="text/javascript"> 
      var price = 52; //price 
      $(document).ready(function() { 
       var $cart = $('#selected-seats'), //Sitting Area 
       $counter = $('#counter'), //Votes 
       $total = $('#total'); //Total money 

       var sc = $('#seat-map').seatCharts({ 
        map: [ //Seating chart 
         'aaaaaaaaaa', 
         'aaaaaaaaaa', 
         '__________', 
         'aaaaaaaa__', 
         'aaaaaaaaaa', 
         'aaaaaaaaaa', 
         'aaaaaaaaaa', 
         'aaaaaaaaaa', 
         'aaaaaaaaaa', 
         '__aaaaaa__' 
        ], 
        naming : { 
         top : false, 
         getLabel : function (character, row, column) { 
          return column; 
         } 
        }, 
        legend : { //Definition legend 
         node : $('#legend'), 
         items : [ 
          [ 'a', 'available', 'Available' ], 
          [ 'a', 'unavailable', 'Sold'], 
          [ 'a', 'selected', 'Selected'] 
         ]     
        }, 
        click: function() { //Click event 
         if (this.status() == 'available') { //optional seat 
          $('<li>Row'+(this.settings.row+1)+' Seat'+this.settings.label+'</li>') 
           .attr('id', 'cart-item-'+this.settings.id) 
           .data('seatId', this.settings.id) 
           .appendTo($cart); 

          $counter.text(sc.find('selected').length+1); 
          $total.text(recalculateTotal(sc)+price); 

          return 'selected'; 
         } else if (this.status() == 'selected') { //Checked 
           //Update Number 
           $counter.text(sc.find('selected').length-1); 
           //update totalnum 
           $total.text(recalculateTotal(sc)-price); 

           //Delete reservation 
           $('#cart-item-'+this.settings.id).remove(); 
           //optional 
           return 'available'; 
         } else if (this.status() == 'unavailable') { //sold 
          return 'unavailable'; 
         } else { 
          return this.style(); 
         } 
        } 
       }); 
       //sold seat 
       sc.get(['', '4_4','4_5','6_6','6_7','8_5','8_6','8_7','8_8', '10_1', '10_2']).status('unavailable'); 

      }); 
      //sum total money 
      function recalculateTotal(sc) { 
       var total = 0; 
       sc.find('selected').each(function() { 
        total += price; 
       }); 

       return total; 
      } 
     </script> 
</div> 

Answer 1

Wenn Sie einen Wert auf einen versteckten Eingang passieren müssen Sie den Wert wie folgt festlegen:

$("#price").val(total);