Insert data to jquery table

Question

I've created a table row using jquery, and I want to fill some data to it. When I was checking with console.log the data was appropriate, but not filled the column.

How can I fill the column from it ?

function getCorporateService(id){
//create new row
    $br = "<tr id='item'>";
    $br += "<td> <input class='input-small' type='text' id='order_identifier' name='order_identifier' readonly></td>";
    $br += "<td><input class='input-small' type='text' id='service["+id+"]' name='service["+id+"]' readonly></td>";
    $br += "<td><select id='order_type["+id+"]' name='order_type["+id+"]'> <option> - </option> <option value='add'>Add</option> <option value='change'>Change</option> <option value='cancel'>Cancel</option> </select></td>";
    $br += "<td><input class='input-small' type='text' id='select_plan["+id+"]' name='select_plan["+id+"]'></td>";
    $br += "<td><input class='input-mini' type='text' id='qty["+id+"]' name='qty["+id+"]'></td>";
    $br += "<td><input class='input-small' type='text' id='unit_price["+id+"]' name='unit_price["+id+"]'></td>";
    $br += "<td><input class='input-small' type='text' id='total_price["+id+"]' name='total_price["+id+"]'></td>";
    $br += "<td><input class='input-small' type='text' id='notes["+id+"]' name='notes["+id+"]'></td>";
    $br += "</tr>";

    $(".corporatesvc").append($br);

    //get data and parsing to column
    $.get("{{ url('salesorder/service')}}/"+id, function(data){
        console.log(id);
        console.log(data);
        $.each(data, function (index, element){
            $('#service['+id+']').val(element.service_name);
        });
    });
}

The KNVB · Accepted Answer · 2017-02-28 08:12:58Z

1

I found that the following coding is working properly. if the javascript changed to

$('#service\\['+id+'\\]').first().val(element.service_name);

answered Feb 28, 2017 at 8:12

The KNVB

3,8523 gold badges35 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Insert data to jquery table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related