Javascript Send parameters from button to function

Question

       $.getJSON('/CourtHouseManagement/LoadLawCourt/?cityId=' + id, function (result) {

                $('#JusticeCourtTable').html('');

                for (var i = 0; i < result.length; i++) {

                    var tablestring =

                        '<tr>' +
                        '<th>' + result[i].CourtID + '</th>' +



'<th><button type="button" class="btn btn-sm btn-primary" onclick="javascript:selectClaimant(' + result[i].CourtID + ',\'' + result[i].Name +');">Update</button></th>'+   //Problem HERE

'<th><button type="button" class="btn btn-sm btn-primary" onclick="javascript:selectClaimant(' + result[i].CourtID + ',\'' + result[i].Name +');">Delete</button></th>'  //Problem HERE


                    tablestring += '</tr>';
                    $("#JusticeCourtTable").append(tablestring);
                }
            });
        }
    }


    function selectClaimant(CourtID, Name) {  

        alert(CourtID + Name);


    }

I load datas to table.If **i click to "Delete" or "Update" button , ı want to send CourtID and Name for selected row.**I tried above code.When i click to "Update" or "Delete" button , i get below exception.

Uncaught SyntaxError: Unexpected number

When i click to button "selectClaimant" function never works.Where i miss exaclty ? How can i send CourtID and Name on "Update" or "Delete" button click ?

Any help will be appreciated.

Thanks.

how come , do you need column names of datas ? Actually datas display withouy any problem.I just want to send selected row Id and name on button click — user3722851
– user3722851, Commented Jun 24, 2014 at 15:04
may anybody please help me about button click sneding parametsr thanks — user3722851
– user3722851, Commented Jun 24, 2014 at 15:07

artuc · Accepted Answer · 2014-06-24 15:07:47Z

Have you tried like this:

$.getJSON('/CourtHouseManagement/LoadLawCourt/?cityId=' + id, function (result) {
        $('#JusticeCourtTable').html('');
        for(var i = 0; i < result.length; i++){
            var tablestring ='<tr><th>'+result[i].CourtID + '</th>' +'<th>'+
            '<button type="button" class="btn btn-sm btn-primary" onclick="selectClaimant(\'' + result[i].CourtID + '\',\'' + result[i].Name +');">Update</button></th>'+
            '<th><button type="button" class="btn btn-sm btn-primary" onclick="selectClaimant(\'' + result[i].CourtID + '\',\'' + result[i].Name +');">Delete</button></th>'

            tablestring += '</tr>';
            $("#JusticeCourtTable").append(tablestring);
        }
    });

Also, it's possible to find the values this way:

  $.getJSON('/CourtHouseManagement/LoadLawCourt/?cityId=' + id, function (result) {
        $('#JusticeCourtTable').html('');
        for(var i = 0; i < result.length; i++){
            var tablestring ='<tr><th>'+result[i].CourtID + '</th>' +'<th>'+
            '<button type="button" class="btn btn-sm btn-primary" data-courtid="'+result[i].CourtID+'" data-name="'+result[i].Name+'">Update</button></th>'+
            '<th><button type="button" class="btn btn-sm btn-primary" data-courtid="'+result[i].CourtID+'" data-name="'+result[i].Name+'">Delete</button></th>'

            tablestring += '</tr>';
            $("#JusticeCourtTable").append(tablestring);
        }
    });

    $(document).on('click', '#JusticeCourtTable button', function(){
        alert($(this).data('courtid')+' - '+$(this).data('name'));
    });

Collectives™ on Stack Overflow

Javascript Send parameters from button to function

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