如何在 laravel 中添加和删除 tr 以及下拉列表？

Question

我有一个 table 表单，其中包含带有 @foreach 循环的下拉列表，我想添加更多行并使用相同的值，代码如下

 <tbody>
    <tr>
      <td> 
        <select class="form-control" name="room">
                    <option value="" disabled>Select Room</option>
                    @foreach($rooms as room)
                    <option value="{{room->id}}">{{$room->type}}</option>
                        </select>
                    <span class="text-danger"></span>
                    
             </td>
             
             <td>
                 <input type="number"  class="form-control" name="roomnumber" />
                  </td>
             <td>
                <a href="" class="btn btn-primary addmore">+</a>
                <a href="" class="btn btn-danger">-</a>
             </td>

    </tr>

  </tbody>

这里是 javascript

<script src="{{asset('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js')}}"></script>
<script>
  $(".addmore").on('click',function(){
        var data ="<tr><td>FirstTD</td> <td>SecondTD</td><td>3rdTD</td><td>4thTD</td></tr>";
        $('#myTable').find('tbody').append(data);
});
</script>

有两个问题，首先是 tr 追加并在一秒钟后消失，其次我不知道如何在 jquery 中添加 @foreach，是 jquery 在 blade[=13 中接受紧凑变量=]

Answer 1

第一个问题 tr 追加并在一秒钟后消失：

<a href="" class="btn btn-primary addmore">+</a>

此 href 让您的网站重新加载删除 href

秒：你想复制你点击+的同一行吗？试试这个

data ='<tr>'+ $(this).closest('tr').html() +"</tr>";

如何在 laravel 中添加和删除 tr 以及下拉列表？

how to add and remove tr along with dropdown list in laravel?

jquery

laravel

laravel-blade