how to add a row dramatically on a button click event from a modal form

chino1.50

hi, everyone, I'm very new to datatables and need help I'm trying to add a new row to a datatable using a modal form it adds a blank row and in the type column witch is populate with a select html object I get thie [object HTMLSelectElement]

this is the code

($(document).ready(function(){
var parttb = $('#tbparts').DataTable();
var partnum = $('#partnumber').val();
var partdescr = $('#partname').val();
var parttype = $('#partty').val();
var partqty = $('#Quantity').val();
var partprice = $('#Price').val();

    $('#add').on('click', function(){
        parttb.row.add( [
                partnum,
                partdescr,
                partty,
                partqty,
                partprice
              ]).draw(false);
    });


});)

kthorngren

You probably need to adjust your selector. Something like this maybe:

var parttype = $('#partty option:selected').val();

Kevin

chino1.50

tried this and it does not work

kthorngren

Its hard to say without seeing how you have the select setup. Is the ID of the select tag partty?

It works in this example.
http://live.datatables.net/loxuquro/1/edit

Kevin

chino1.50

partty is the ID of the select object

kthorngren

Without seeing it its hard to say. Can you post a link to your page or update my example to replicate the issue?

You can use console.log in the click event to see what parttype is. Since the row is added the issue is more about how to get the data you want and not specifically a Datatables issue.

Kevin

chino1.50

live.datatables.net/vodisaga/1/edit?html,css,js,console,output

kthorngren

Thanks for the example. I made two changes:

1. Moved the code getting the field values inside the click event.
2. You have var parttype = $('#partty').val(); but are using partty in the row.add(). Changed it to parttype.

http://live.datatables.net/tutumaxa/1/edit

Kevin