modal获取表格数据

问题

如何在点击进入Modal后将表格数据传入？

方法一

<a class="btn btn-info btn-xs" th:data-port="${port.port}" data-toggle="modal" onclick="showDialog(this)">配置</a>

function showDialog(obj) {
    $('#myModal').modal('show');
    // 获取表格所在行的数据
    var tds = $(obj).parent().parent().find('td');
    // eq(0)获取第1列的数据传入ID为port输入框中
    $("#port").val($(tds.eq(0)).text());
}

方法二

<a class="btn btn-info btn-xs" th:data-port="${port.port}" data-toggle="modal" data-target="#myModal">配置</a>

$(function () { $('#myModal').on('show.bs.modal', function (e) {
        var btn = $(e.relatedTarget);
        // 获取data-port数据
        port = btn.data("port");
        document.getElementById("port").value=port;
    })
    });