Javascript从按钮发送参数到功能

时间:2014-06-24 14:59:29

标签: javascript jquery

       $.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);


    }

我将数据加载到table.If **我点击“删除”或“更新”按钮,我想发送所选行的CourtID和名称。**我尝试了上面的代码。当我点击“更新”或“删除”按钮,我得到以下异常。

Uncaught SyntaxError: Unexpected number 

当我点击按钮“selectClaimant”功能永远不会工作。我在哪里想念exaclty?如何在“更新”或“删除”按钮上发送CourtID和名称?

我们将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:1)

你试过这样的事吗:

$.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);
        }
    });

此外,可以通过这种方式找到值:

  $.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'));
    });