Jquery 将数据传递到laravel中的引导模式

我想使用一个只有5个字段的模式在数据库中创建一个新的寄存器。现在，它只适用于第一个寄存器。当我使用按钮创建其他寄存器时，它不起作用

我只想从我的设备中获取cod'id'并将其传递到modal中的隐藏字段，但正如我前面所说，这只适用于第一个字段

我认为我的问题在于视图中foreach内部的Include模式，但我没有找到问题

我的商店功能：

public function store()
    {
        $input = array_except(Input::all(), '_token');
        
        $validation = Validator::make($input, Localizacao::$rules);

        if ($validation->passes())
        {
            $this->localizacao->create($input);

            return Redirect::route('equipamentos.index');
        }

        return Redirect::route('equipamentos.index')
            ->withInput()   
            ->withErrors($validation);
            
    }

索引视图中的我的表：

@foreach ($equipamentos as $equipamento)
            <tr>
<td>{{{ $equipamento->descricao_uso }}}</td>
                <td>{{{ $equipamento->data_compra->format('d/m/Y') }}}</td>
                <td>{{{ $equipamento->nota_fiscal }}}</td>
                <td>{{{ $equipamento->valor_compra }}}</td>
                <td>{{{ $equipamento->fornecedor }}}</td>
                <td>{{{ $equipamento->taxa_depreciacao }}}</td>
                <td>{{ $item }}</td>
                <td> - </td>
                
                    <td>
                        <a href="{{ route('equipamentos.edit', array($equipamento->cod)) }}" data-toggle="tooltip" title="Editar" data-placement="top" class="legenda">
                        <i class="btn btn-info glyphicon glyphicon glyphicon-pencil" style="width: 41px; height:34px;"></i></a>
                    </td>   
                    <td>
                        <button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-success glyphicon glyphicon-transfer" style="width: 41px; height:34px;" title="Alterar Localização"></button>
                        
                        @include('localizacao.partials.form', array($equipamento, $itens_contabil))
                          
                    </td>
        </td>
            </tr>

            @endforeach

@foreach ($equipamentos as $equipamento)
 <tr>
      <td>{{{ $equipamento->descricao_uso }}}</td>
      <td>{{{ $equipamento->data_compra->format('d/m/Y') }}}</td>
      <td>{{{ $equipamento->nota_fiscal }}}</td>
      <td>{{{ $equipamento->valor_compra }}}</td>
      <td>{{{ $equipamento->fornecedor }}}</td>
      <td>{{{ $equipamento->taxa_depreciacao }}}</td>
      <td>{{ $item }}</td>
      <td> - </td>
      <td>
          <a href="{{ route('equipamentos.edit', array($equipamento->cod)) }}" data-toggle="tooltip" title="Editar" data-placement="top" class="legenda">
          <i class="btn btn-info glyphicon glyphicon glyphicon-pencil" style="width: 41px; height:34px;"></i></a>
      </td>   
      <td>
          <button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-success glyphicon glyphicon-transfer registerBtn" style="width: 41px; height:34px;" title="Alterar Localização" data_value="{{ $equipamento->cod }}"></button>
      </td>
 </tr>
 @endforeach
 @include('localizacao.partials.form', array($itens_contabil)) 
 <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('.registerBtn').click(function() {
            $("#cod_equipamento").val($(this).attr('data_value'));
        });
    });
  </script>

这是我的模态代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span></button>
        <h4 class="modal-title" id="myModalLabel">Alterar Localização: {{ $equipamento->descricao_equipamento }}</h4>
      </div>
      <div class="modal-body" align="center">
        
        {{ Form::open(array('route' => 'localizacao.store', 'class'=>'form-inline')) }}
            
        {{ Form::hidden('created_by',  Auth::user()->cod); }} 
        {{ Form::hidden('cod_equipamento', $equipamento->cod); }}

        {{ Form::label('data_movimentacao', 'Data Movimentação:') }}
        {{ Form::text('data_movimentacao', null, array('class'=>'form-control datepicker', 'style' => 'width:100%')) }}

        {{ Form::label('local_atual', 'Local:') }}
        {{ Form::select('local_atual', $itens_contabil, null ,array('class' => 'chosen-select')) }}

        <div class="clear"><br></div>  

        {{ Form::label('projeto_atual', 'Projeto:') }}
        {{ Form::text('projeto_atual', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('funcionario_responsavel', 'Funcionário responsável:') }}
        {{ Form::text('funcionario_responsavel', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('motivo', 'Motivo:') }}
        {{ Form::text('motivo', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        <br>
        <br>
        <br>
          
      </div>
      <div class="modal-footer" align="center">
        {{ Form::submit('Alterar Localização', array('class' => 'btn btn-success')) }}
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
        {{ Form::close() }}
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span></button>
        <h4 class="modal-title" id="myModalLabel">Alterar Localização: {{ $equipamento->descricao_equipamento }}</h4>
      </div>
      <div class="modal-body" align="center">

        {{ Form::open(array('route' => 'localizacao.store', 'class'=>'form-inline')) }}

        {{ Form::hidden('created_by',  Auth::user()->cod); }} 
        {{ Form::hidden('cod_equipamento', '', array('id' => 'cod_equipamento')); }}

        {{ Form::label('data_movimentacao', 'Data Movimentação:') }}
        {{ Form::text('data_movimentacao', null, array('class'=>'form-control datepicker', 'style' => 'width:100%')) }}

        {{ Form::label('local_atual', 'Local:') }}
        {{ Form::select('local_atual', $itens_contabil, null ,array('class' => 'chosen-select')) }}

        <div class="clear"><br></div>  

        {{ Form::label('projeto_atual', 'Projeto:') }}
        {{ Form::text('projeto_atual', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('funcionario_responsavel', 'Funcionário responsável:') }}
        {{ Form::text('funcionario_responsavel', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('motivo', 'Motivo:') }}
        {{ Form::text('motivo', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        <br>
        <br>
        <br>

      </div>
      <div class="modal-footer" align="center">
        {{ Form::submit('Alterar Localização', array('class' => 'btn btn-success')) }}
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
        {{ Form::close() }}
      </div>
    </div>
  </div>
</div>

---

谢谢你的帮助

但是，由于id的原因，您正在包括模式多次按钮将调用第一个按钮

要解决您的问题，您必须使用javascript或jQuery。我使用了jQuery

索引视图中的我的表：

@foreach ($equipamentos as $equipamento)
            <tr>
<td>{{{ $equipamento->descricao_uso }}}</td>
                <td>{{{ $equipamento->data_compra->format('d/m/Y') }}}</td>
                <td>{{{ $equipamento->nota_fiscal }}}</td>
                <td>{{{ $equipamento->valor_compra }}}</td>
                <td>{{{ $equipamento->fornecedor }}}</td>
                <td>{{{ $equipamento->taxa_depreciacao }}}</td>
                <td>{{ $item }}</td>
                <td> - </td>
                
                    <td>
                        <a href="{{ route('equipamentos.edit', array($equipamento->cod)) }}" data-toggle="tooltip" title="Editar" data-placement="top" class="legenda">
                        <i class="btn btn-info glyphicon glyphicon glyphicon-pencil" style="width: 41px; height:34px;"></i></a>
                    </td>   
                    <td>
                        <button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-success glyphicon glyphicon-transfer" style="width: 41px; height:34px;" title="Alterar Localização"></button>
                        
                        @include('localizacao.partials.form', array($equipamento, $itens_contabil))
                          
                    </td>
        </td>
            </tr>

            @endforeach

@foreach ($equipamentos as $equipamento)
 <tr>
      <td>{{{ $equipamento->descricao_uso }}}</td>
      <td>{{{ $equipamento->data_compra->format('d/m/Y') }}}</td>
      <td>{{{ $equipamento->nota_fiscal }}}</td>
      <td>{{{ $equipamento->valor_compra }}}</td>
      <td>{{{ $equipamento->fornecedor }}}</td>
      <td>{{{ $equipamento->taxa_depreciacao }}}</td>
      <td>{{ $item }}</td>
      <td> - </td>
      <td>
          <a href="{{ route('equipamentos.edit', array($equipamento->cod)) }}" data-toggle="tooltip" title="Editar" data-placement="top" class="legenda">
          <i class="btn btn-info glyphicon glyphicon glyphicon-pencil" style="width: 41px; height:34px;"></i></a>
      </td>   
      <td>
          <button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-success glyphicon glyphicon-transfer registerBtn" style="width: 41px; height:34px;" title="Alterar Localização" data_value="{{ $equipamento->cod }}"></button>
      </td>
 </tr>
 @endforeach
 @include('localizacao.partials.form', array($itens_contabil)) 
 <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('.registerBtn').click(function() {
            $("#cod_equipamento").val($(this).attr('data_value'));
        });
    });
  </script>

这是我的模态代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span></button>
        <h4 class="modal-title" id="myModalLabel">Alterar Localização: {{ $equipamento->descricao_equipamento }}</h4>
      </div>
      <div class="modal-body" align="center">
        
        {{ Form::open(array('route' => 'localizacao.store', 'class'=>'form-inline')) }}
            
        {{ Form::hidden('created_by',  Auth::user()->cod); }} 
        {{ Form::hidden('cod_equipamento', $equipamento->cod); }}

        {{ Form::label('data_movimentacao', 'Data Movimentação:') }}
        {{ Form::text('data_movimentacao', null, array('class'=>'form-control datepicker', 'style' => 'width:100%')) }}

        {{ Form::label('local_atual', 'Local:') }}
        {{ Form::select('local_atual', $itens_contabil, null ,array('class' => 'chosen-select')) }}

        <div class="clear"><br></div>  

        {{ Form::label('projeto_atual', 'Projeto:') }}
        {{ Form::text('projeto_atual', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('funcionario_responsavel', 'Funcionário responsável:') }}
        {{ Form::text('funcionario_responsavel', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('motivo', 'Motivo:') }}
        {{ Form::text('motivo', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        <br>
        <br>
        <br>
          
      </div>
      <div class="modal-footer" align="center">
        {{ Form::submit('Alterar Localização', array('class' => 'btn btn-success')) }}
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
        {{ Form::close() }}
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span></button>
        <h4 class="modal-title" id="myModalLabel">Alterar Localização: {{ $equipamento->descricao_equipamento }}</h4>
      </div>
      <div class="modal-body" align="center">

        {{ Form::open(array('route' => 'localizacao.store', 'class'=>'form-inline')) }}

        {{ Form::hidden('created_by',  Auth::user()->cod); }} 
        {{ Form::hidden('cod_equipamento', '', array('id' => 'cod_equipamento')); }}

        {{ Form::label('data_movimentacao', 'Data Movimentação:') }}
        {{ Form::text('data_movimentacao', null, array('class'=>'form-control datepicker', 'style' => 'width:100%')) }}

        {{ Form::label('local_atual', 'Local:') }}
        {{ Form::select('local_atual', $itens_contabil, null ,array('class' => 'chosen-select')) }}

        <div class="clear"><br></div>  

        {{ Form::label('projeto_atual', 'Projeto:') }}
        {{ Form::text('projeto_atual', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('funcionario_responsavel', 'Funcionário responsável:') }}
        {{ Form::text('funcionario_responsavel', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        {{ Form::label('motivo', 'Motivo:') }}
        {{ Form::text('motivo', null, array('class'=>'form-control', 'style' => 'width:100%')) }}

        <br>
        <br>
        <br>

      </div>
      <div class="modal-footer" align="center">
        {{ Form::submit('Alterar Localização', array('class' => 'btn btn-success')) }}
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
        {{ Form::close() }}
      </div>
    </div>
  </div>
</div>

---

可以在整个项目中重复使用一个模式来添加或编辑项。您可以找到一个使用两个模态的示例项目。一个用于删除，用作确认模式，另一个用于编辑或更新项目。

我认为您将创建条目和更新条目混为一谈。请澄清你的问题。你太棒了！这很好，只需创建模态样式，然后将id传递给模态，谢谢！我还有一个问题，我使用registerBtn作为按钮id并调用Jquery部分。然后它就不起作用了。因此，我添加了registerBtn作为类选择器。然后JQuery部分开始工作。原因是什么？