drxp993551 2016-08-15 20:35
浏览 8

为什么jquery动态行不是由表单发布的

Have this HTML:

{!! Form::open(array('route' => 'service.createNew', 'id' => 'newOrderForm')) !!}

    <tbody>
        <tr id="rowItem">
            <td>#</td>
            <td><input class="serviceItem form-control" name="serviceItem[]"></td>
            <td><select class="serviceType form-control" name="serviceType[]"><option>test</option></select></td>
            <td><input class="description form-control" name="description[]"></td>
            <td><input class="itemCount form-control" name="itemCount[]"></td>
            <td><input class="itemPrice form-control" name="itemPrice[]"></td>
            <td><input class="rowPrice form-control" name="rowPrice[]"></td>
            <td><button class="btn btn-danger btn-sm btn-rounded" disabled>x</button></td>
        </tr>

    </tbody>



</table>
<div class="row">
<div class="col-sm-12 invoice-block">
    <ul class="list-unstyled amounts text-small" align="right">
        <li class="text-extra-large text-dark margin-top-15">
            <strong>Celkem:</strong> $11,400
        </li>
    </ul>
    <br>
    <button class="btn btn-rounded btn-success btn-o pull-right" id="saveOrderButton">
    Vytvořit zakázku <i class="fa fa-check"></i></button>       
</div>
</div>
{!! Form::close() !!}

And this jQuery, which adds new row to the last TR

$(document).on('click', '#addOrderItemButton', function(e) {

    newRow = '<tr id="rowItem"><td>#</td>';
    newRow += '<td><input class="serviceItem form-control" name="serviceItem[]"></td>';
    newRow += '<td><select class="serviceType form-control" name="serviceType[]"><option>test</option></select></td>';
    newRow += '<td><input class="description form-control" name="description[]"></td>';
    newRow += '<td><input class="itemCount form-control" name="itemCount[]"></td>';
    newRow += '<td><input class="itemPrice form-control" name="itemPrice[]"></td>';
    newRow += '<td><input class="rowPrice form-control" name="rowPrice[]"></td>';
    newRow += '<td><button class="btn btn-danger btn-sm btn-rounded delRowButton">x</button></td></tr>';

    $('#tableNewOrder').find('tr:last').after(newRow);

});

Problem is, that when I submit form, lines added by jquery is not sent by the form. I tried to use .append() instead of .after() but it does not work.

  • 写回答

1条回答 默认 最新

  • doudu9094 2016-08-15 21:06
    关注

    Issue solved - I just needed to move

    Form::open()
    

    before the <table> start.

    评论

报告相同问题?

悬赏问题

  • ¥50 potsgresql15备份问题
  • ¥15 Mac系统vs code使用phpstudy如何配置debug来调试php
  • ¥15 目前主流的音乐软件,像网易云音乐,QQ音乐他们的前端和后台部分是用的什么技术实现的?求解!
  • ¥60 pb数据库修改与连接
  • ¥15 spss统计中二分类变量和有序变量的相关性分析可以用kendall相关分析吗?
  • ¥15 拟通过pc下指令到安卓系统,如果追求响应速度,尽可能无延迟,是不是用安卓模拟器会优于实体的安卓手机?如果是,可以快多少毫秒?
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题!!
  • ¥15 ikuai客户端多拨vpn,重启总是有个别重拨不上