📅  最后修改于: 2023-12-03 15:37:39.437000             🧑  作者: Mango
在Web开发中,下拉菜单是常见的用户操作方式之一。在Laravel中,可以通过使用Blade模板引擎来轻松地创建下拉菜单,而在这里,我们将重点讨论如何在下拉菜单中显示选定的值。
首先,我们需要创建一个下拉菜单。可以使用Blade模板引擎的select
标签。例如,我们要创建一个下拉菜单选择颜色,可以使用以下代码:
<select name="color">
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
这将创建一个包含三个选项的下拉菜单,选项分别为红色、绿色和蓝色。
接下来,我们需要显示选定的值。在Laravel中,可以使用old()
函数来获取之前提交的表单值。例如,我们可以使用以下代码来获取之前提交的颜色值:
$color = old('color');
一旦我们获取了颜色值,我们就可以在下拉菜单中使用selected
属性来指定选定的选项。例如,以下代码可以将之前提交的颜色选项设置为选定状态:
<select name="color">
<option value="red" {{ $color == 'red' ? 'selected' : '' }}>红色</option>
<option value="green" {{ $color == 'green' ? 'selected' : '' }}>绿色</option>
<option value="blue" {{ $color == 'blue' ? 'selected' : '' }}>蓝色</option>
</select>
在上面的代码中,{{ ... }}
语法用于在Blade模板中嵌入PHP代码。我们使用条件运算符来检查之前提交的颜色选项是否与当前选项匹配,并根据结果添加或移除selected
属性。
最后,我们可以将上述代码组合在一起,以创建具有选定值的下拉菜单。以下是完整的代码示例:
<select name="color">
<option value="red" {{ $color == 'red' ? 'selected' : '' }}>红色</option>
<option value="green" {{ $color == 'green' ? 'selected' : '' }}>绿色</option>
<option value="blue" {{ $color == 'blue' ? 'selected' : '' }}>蓝色</option>
</select>
在上面的代码中,我们将$color
变量设置为之前提交的颜色值。然后,我们使用条件运算符来检查每个选项是否与当前颜色匹配,并根据结果添加或移除selected
属性。
在本文中,我们介绍了如何在Laravel中创建下拉菜单,并显示先前提交的值。我们使用Blade模板引擎的select
标签和old()
函数来实现这一点,并使用条件运算符来检查选项与当前选项是否匹配。