可以通过以下步骤实现:
<form>
标签,并设置method
为POST
,action
为处理表单的路由地址。<select>
标签,并设置multiple
属性,以允许选择多个选项。<option>
标签,并设置value
属性为每个选项的值,同时在标签内添加选项的显示文本。$request
获取表单提交的数据。以下是一个示例的代码:
前端页面代码(例如,create.blade.php
):
<form method="POST" action="/submit-form">
@csrf
<select name="selected_values[]" multiple>
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
<option value="value3">Option 3</option>
</select>
<button type="submit">Submit</button>
</form>
后端路由定义(例如,web.php
):
Route::post('/submit-form', 'FormController@submitForm');
后端控制器代码(例如,FormController.php
):
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\YourModel; // 替换为你的模型类
class FormController extends Controller
{
public function submitForm(Request $request)
{
$selectedValues = $request->input('selected_values');
foreach ($selectedValues as $value) {
YourModel::create(['column_name' => $value]);
}
return redirect('/success'); // 替换为你的成功页面路由
}
}
在上述示例中,用户可以在前端页面中选择多个选项,然后提交表单。后端控制器会接收到选中的值数组,然后使用模型的create
方法将每个选项的值插入到数据库中。最后,用户将被重定向到成功页面。
请注意,上述示例中的YourModel
和column_name
需要根据你的实际情况进行替换。此外,还需要根据你的项目配置和需求进行适当的调整。
腾讯技术开放日
技术创作101训练营
企业创新在线学堂
第三期Techo TVP开发者峰会
云+社区开发者大会 长沙站
云+社区开发者大会(北京站)
云+社区技术沙龙[第10期]
云+社区技术沙龙[第4期]
技术创作101训练营
Elastic 中国开发者大会
领取专属 10元无门槛券
手把手带您无忧上云