Add input data to a table using jquery

Question

Add input data to a table using jquery

Navigation

#1 by (0 votes)

0

Hi, I'm trying to add data from a form to a table, but when I click the add button, I capture the values at zero. The code is as follows:

Pay Way to pay CashCredit / Debit CardChequeOther Voucher
Add payment

              </thead>
              <tbody id="bodypago">

              </tbody>  
            </table>

          </div> 
        </div>
  </div> 
   </div> 

<script type="text/javascript">
   var cantpa= $("#cantpa").val();
   var tipopa = $("#micombo").val();
    $("#addpa").on('click', function(e){
        $("#bodypago").append("<tr><td>"+cantpa+"</td><td>"+tipopa+"</td></tr>");
    });
</script>

jquery html5

asked by lucho 05.05.2017 в 15:01

source

1 answer

Error validating ticket in CAS server Error saving EF ASP.NET image

score 0 · Answer 1

I think you could solve it in the following way:

var cantpa= $("#cantpa").val(); 
var tipopa = $("#micombo option:selected").val(); //Creo que es un select
$("#addpa").click(function(){ 
   $("#bodypago").append($("<tr>").append(
     "<td>" + cantpa +  "</td>" +
     "<td>" + tipopa + "</td>"
   )); 
});

I hope you help, greetings.