Home/ Questions/Q 5997815
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T00:19:03+00:00

I have two javascript functions, the first one is working, teh second is working

  • 0

I have two javascript functions, the first one is working, teh second is working but not echoing the correct value in the hidden inputs.

Ive manage to get the last hidden input value correct but I’m not sure how

var customTicketsArr = Array();

function EditEventAddTicket(){
    alertWrongTime = false;
    var TicketName = jQuery("#ticketname").val();
    var TicketPrice = jQuery("#ticketprice").val();
    var ticketquantity = jQuery("#ticketquantity").val();

    var storeString = "TicketName" + TicketName + "TicketPrice" + TicketPrice + "Quantity" + ticketquantity + '';
    customTicketsArr.push(storeString);
    EditEventUpdateTickets(true);
}


function EditEventUpdateTickets(fade){
   jQuery("#custom_tickets_string").val(customTicketsArr);
   var output = "";
   var style = "";
   for (i = customTicketsArr.length-1; i >= 0; i--){
       ticketname = customTicketsArr[i].split("TicketName");

           ticketprice = customTicketsArr[i].split("TicketPrice");

           ticketquantity = customTicketsArr[i].split("Quantity");
       if(fade){
           if (customTicketsArr.length - 1 == i){
               style = "display: none; ";
               var fadeInDiv = i;
           } else {
               style = "";
           }
       }
       if (i % 2 == 1) { style += "background-color: #660000; "}
       html = "<div id='customticket" + i + "' class='customeventbase' style='" + style + "'>";
       html += '<input type="hidden" name="customTicketid[' + i + '][Name]" id="customticketName' + i + '" value="'+ ticketname  + '" />';
           html += '<input type="hidden" name="customTicketid[' + i + '][Price]" id="customticketPrice' + i + '" value="' +ticketprice[1]  +'" />';
           html += '<input type="hidden" name="customTicketid[' + i + '][Quantity]" id="customticketQuantity' + i + '" value="'+ ticketquantity[1]  +'" />';

       html += '<button class="customeventdel" type="button"  onClick="EditEventRemoveDate(' + i + ')"></button>';
       html += '<div class="clear"></div>';
       html += '</div>\n';

       output += html;
   }
   output += "<input type='hidden' id='custom_ticket_info' name='custom_ticket_info' value='" + customTicketsArr + "' />";
   jQuery("#custom_ticket_container").html(output);
   if(fade){
      setTimeout("EditEventfadeInDiv(" + fadeInDiv +")", 10);
   }

}

this outputs:

    <div style="background-color: #660000; " class="customeventbase" id="customticket1">
<input type="hidden" value=",testTicketPrice50Quantity44" id="customticketName1" name="customTicketid[1][Name]">
<input type="hidden" value="undefined" id="customticketPrice1" name="customTicketid[1][Price]">
<input type="hidden" value="44" id="customticketQuantity1" name="customTicketid[1][Quantity]">
<button onclick="EditEventRemoveDate(1)" type="button" class="customeventdel"></button>
<div class="clear"></div></div>

the values for the first two hidden fields are incorrect

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    why do you save it as a string? I would recommend storing it in an object:

    function EditEventAddTicket(){
    alertWrongTime = false;
    var TicketName = jQuery("#ticketname").val();
    var TicketPrice = jQuery("#ticketprice").val();
    var ticketquantity = jQuery("#ticketquantity").val();

    var ticket = {"TicketName": TicketName, "TicketPrice": TicketPrice, "Quantity": ticketquantity};
    customTicketsArr.push(ticket);
    EditEventUpdateTickets(true);
}

    and then you can simply load the data:

    for (i = customTicketsArr.length-1; i >= 0; i--){
       ticketname = customTicketsArr[i].TicketName;
       ticketprice = customTicketsArr[i].TicketPrice;
       ticketquantity = customTicketsArr[i].Quantity;

       // ...
}
    • 0