Question

我想将所选行的值提交到不同的页面：

这是html

        <table class="table table-striped table-bordered table-condensed">
        <thead>
            <tr style = 'background-color: white'>
                <th> <i class="fa fa-male"></i> Name </th>
                <th><i class="fa fa-bars"></i> Particular</th>
                <th><i class="fa fa-envelope-o"></i>Unit</th>
                <th><i class="fa fa-map-marker"></i>Quantity</th>
                <th><i class="fa fa-phone"></i>From</th>
                <th><i class="fa fa-phone"></i>Date</th>
                <th><i class="fa fa-phone"></i>TAKE actions</th>
            </tr>
        </thead>
        <tbody>

              <tr>
                <td>sssssss</td>
                <td>sneh pandy</td>
                <td>dkfgh</td>
                <td>8</td>
                <td>Snehp</td>
                <td>2014-03-21 10:01:52 UTC
                <td><form action="/requisitions/3" class="button_to" method="post"><div><input name="_method" type="hidden" value="delete" /><input class="btn btn-danger" data-confirm="Are you sure you want to delete?" type="submit" value="Remove" /><input name="authenticity_token" type="hidden" value="f6KDE+0KcG+ACeCq/7jIzWc++eu4/1XuIfMf6JM+Bgc=" /></div></form>
                    <form action="/po" class="button_to" method="get"><div><input class="po" data-confirm="Really wants to generate Po?" type="submit" value="PO" /></div></form>
                    <form action="/capax" class="button_to" method="get"><div><input class="btn btn-warning" data-confirm="Are you sure?" type="submit" value="Capax" /></div></form>
                </td>
             <tr>
        </tbody>
    </table>
        <div>
            <table >
                <tr>
                    <td>

                     </td>
                </tr>
            </table>

jquery的

$(function(){

        $('.po').click(function(){


                var $row = $(this).parents('tr'); 
                var name1 =  $row.find('td:eq(0)').html();
                alert($row.find('td:eq(1)').html());
                alert($row.find('td:eq(2)').html());
                alert($row.find('td:eq(3)').html());
                alert($row.find('td:eq(4)').html());
                 alert(name1);

        });
    });

到目前为止，我可以获取特定行的值，但如何提交到下一页

EG： after submitting

我在另一页上有一个text_field 默认值应为 name1 （来自jq）。

Fiddle

Answer 1

您可以重定向到第二页并将值作为查询字符串参数传递：

$('.po').click(function() {
    var $row = $(this).parents('tr'); 
    var name1 =  $row.find('td:eq(0)').html();
    var name2 =  $row.find('td:eq(1)').html();
    var url = '/second_page?' + 
        'name1=' + encodeURIComponent(name1) + 
        '&name2=' + encodeURIComponent(name2);

    window.localtion.href = url;
});

Answer 2

有几种方法可行。以下任一解决方案都可以为您提供帮助。

请使用源JSP上的请求/会话对象将元素的值设置为属性，并按属性名称在目标页面上进行访问。
使用模型驱动方法将对象列表发送到控制器。

步骤：

创建一个模型，其属性与jsp中使用的名称和数据类型相同。
迭代上面创建的模型列表。
将值设置为循环内的属性。
按照jsp上表单中的步骤操作。现在提交表单后，模型对象列表将提交给控制器。

提交所选行的值？

2 个答案: