Jquery在表中获取行值

时间:2014-06-25 06:31:59

标签: javascript jquery

HTML

 <tbody id="JusticeCourtTable"></tbody>

我通过下面的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><input type="text" name="JusticeCourt" id="JusticeCourt" value="' + result[i].Name + '" class="form-control" data-required="true"></th>' +

'<th><button type="button" class="btn btn-sm btn-primary" data-process="' + 0 + '" data-courtid="' + result[i].CourtID + '" data-name="' + result[i].Name + '">Update</button></th>' +
'<th><button type="button" class="btn btn-sm btn-primary" data-process="' + 1 + '" data-courtid="' + result[i].CourtID + '" data-name="' + result[i].Name + '">Delete</button></th>';



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

我使用下面的jquery代码

发送上面的输入值
    $(document).on('click', '#JusticeCourtTable button', function () {
 if ($(this).data('process') == 0) {

                var cityId = id;
                var lawCourtId = $(this).data('courtid');
                var lawCourtName = $(this).data('name');  // PROBLEM HERE



                window.location.href = '/CourtHouseManagement/UpdateLawCourt/?lawCourtId=' + lawCourtId + "&lawCourtName=" + lawCourtName + "&cityId=" + cityId;
            }
    });

我的问题:

我如何获得文本框的价值

<input type="text" name="JusticeCourt" id="JusticeCourt" value="' + result[i].Name + '" class="form-control" data-required="true">

var lawCourtName = $(this).data('name');始终获取默认值。如果我输入新值,则无法使用此代码获取新值。如何获取数据的新值(&#39; name&#39;)?

我们将不胜感激。

2 个答案:

答案 0 :(得分:3)

如果你想获得在文本框中输入的值,那么你必须这样做:

    $(this).closest('tr').find('input:text').val()  

说明:

使用closest()获取父tr,然后使用find()获取其中的输入字段并获取其值

答案 1 :(得分:0)

要获取textbox name属性,请尝试:

....
......
var lawCourtName = $('#JusticeCourt').attr('name');//get textbox name
var lawCourtVal = $('#JusticeCourt').val();//get textbox value
.....
...