从动态 url 中的选择中插入表单值

Question

在使用 laravel 创建电影目录时，我试图从 HTML 表单中提取值并将其插入 URL。

目标是，从主页是：
http://127.0.0.1:8000/index/

我希望它从表单中提取一个 ID 值并将其插入 url：

http://127.0.0.1:8000/index/1

http://127.0.0.1:8000/index/2

http://127.0.0.1:8000/index/3

因为每一个都是一个动态视图，它将显示数据库中的每部电影信息。 表单已经在识别 id 并在页面中的选择表单中显示它们，但我无法将该值用于将其插入到 url 中，如上所示。

请帮帮我，这是我的代码：

index.blade.php

                <form action=" WHAT TO PLACE HERE??? " method="POST">
                    @csrf

                    <select name="selector">
                        <option value="" disabled selected> --- ID --- </option>
                        @foreach($movies as $movie)
                        <option value="{{ $movie->id }}">{{ $movie->id }}</option>
                        @endforeach

                    </select>

                    <button>Buscar</button>
                </form>

web.php

Route::get('/index', 'App\Http\Controllers\MovieController@index');
Route::get('/index/create','App\Http\Controllers\MovieController@create'); 
Route::post('/index','App\Http\Controllers\MovieController@store'); 
Route::get('/index/{id}','App\Http\Controllers\MovieController@show');
Route::delete('/index/{id}','App\Http\Controllers\MovieController@destroy'); 

MovieController.php

class MovieController extends Controller
{
    public function index() {
        $movies = Movie::all();    
        return view('movies.index', ['movies' => $movies,]);
    }

    public function show($id) {
        $movie = Movie::findOrFail($id); 
        return view('movies.show', ['movie' => $movie]);
        }


    public function create() {
    return view('movies.create');
    }

    public function store(){
    
        $movie = new Movie(); 

        $movie->title = request('title'); 
        $movie->synopsis = request('synopsis'); 
        $movie->year = request('year'); 
        $movie->cover = request('cover');      

        $movie->save();    

        return redirect('/')->with('mssg','La película a sido registrada'); 
    }

    public function destroy($id) {
        $movie = Movie::findOrFail($id);
        $movie->delete(); 

        return redirect('/index/'); 
    }

}

Answer 1

将您的表格替换为：

index.blade.php

 <form action="" method="POST" id="form_id">
    @csrf
        <select name="selector" id="selector">
          <option value="" disabled selected> --- ID --- </option>
          @foreach($movies as $movie)
            <option value="{{ $movie->id }}">{{ $movie->id }}</option>
          @endforeach
       </select>
    <button type="submit">Buscar</button>
 </form>

在此之后添加脚本：

<script>
$('#selector').change(function(){
    var selected_value = $(this).val();
   $('#form_id').attr('action', 'http://127.0.0.1:8000/'+selected_value);
});
</script>

这将根据您的选择标签的选择设置您的动作动态