Laravel - 如何在视图（刀片）中传递值等于输入值的变量？

Question

我正在使用 Laravel 5.8。 在这个刀片中，我有用户必须填充的text input ，然后到 go 到其他页面视图，并且来自该输入的值必须在其他页面视图上传递

这是我的text input代码：

<input type="text" name="delivery_time" value="">

这是我的<a>标记，用于链接到另一个页面：

<a href="{{route('manager.invoicePrint', ['id' => $restaurant->id, 'code' => $inv->id, 'delivery' => 'MINUT'])}}" class="btn btn-success btn-block font-weight-bold">Prihvati</a>

因此，我已经传递了该变量delivery及其值' MINUT' ，但我需要该变量等于用户填充的输入。

这是另一个页面视图的invoicePrint function：

/**
* Show the form for creating a new resource.
*
* @param  int  $id
* @return \Illuminate\Http\Response
*/
public function invoicePrint($id, $code, $delivery)
{
   $restaurant = Restaurant::find($id);
   $inv = Invoice::findOrFail($code);

   if(Auth::user()->userRestaurants->first()->id != $restaurant->id){
      return redirect()->back();
   }

   return view('website.restaurants.dashboard.invoice-print', compact('restaurant', 'inv', 'delivery'));
}

在这里，我传递了delivery变量，并在我的web.php中：

Route::get('/narudzbina/{id}/{code}/{delivery}', 'RestaurantsController@invoicePrint')->middleware('auth')->name('manager.invoicePrint');

这条Route在两个Route::group中。

如何将输入值传递给变量，然后该变量传递给另一个页面视图（刀片）？

Answer 1

输入字段获得一个 id test-input ，以便更轻松地访问它的值。 此外，我们将生成的路由（没有{delivery} ）存储为链接的数据属性。

<a href="/" data-baseroute="/{id}/narudzbina/{code}/" class="btn btn-success btn-block font-weight-bold" id="the-link">Prihvati</a>
 <input id="test-input"/>

为简单起见，我在这里使用 jQuery。 我们需要在输入字段上注册一个change事件处理程序，以便每个键入的字符都需要立即添加到href 。 请注意，并非 URL 中支持每个字符，因此您需要先清理用户输入。

    $(document).ready(function() {
      $('#test-input').on('change', function(e) {
        var linkElement = $('#the-link');

        // get value user typed in
        var inputFieldValue = e.target.value;
        // compose route using baseRoute (generated by Laravel)
        var baseRoute = linkElement.data('baseroute');
        // set it as href
        linkElement.attr('href', baseRoute + inputFieldValue);
      });
    });