我有一个带有select输入的表单,验证很好,但失败后select字段不会填充旧值这是我的选择字段
<div class="control-group">
<label class="control-label">Gender :</label>
<div class="controls">
<select name="gender" value= "{{ Input::old('gender') }}">
<option>Select</option>
<option value="M">Male</option>
<option value="F">Female</option>
</select>
</div>
</div>
我该如何解决这个问题?
如果你不想使用Laravel Form构建,你需要这样做:
<div class="control-group">
<label class="control-label">Gender :</label>
<div class="controls">
<select name="gender">
<option>Select</option>
<option value="M" @if (Input::old('gender') == 'M') selected="selected" @endif>Male</option>
<option value="F" @if (Input::old('gender') == 'F') selected="selected" @endif>Female</option>
</select>
</div>
</div>
我个人认为这段代码更干净。这里没有对错之分,我能理解为什么有些人更喜欢Laravel@if@endif语句,我只是觉得它们看起来太令人不安了。
<option {{ old('gender')=='male' ? 'selected="selected"' : '' }}>Test option</option>
这是由于HTML选择元素。
如果要为select元素指定一些默认选项值,请为该特定选项使用selected="selected"属性,否则默认情况下,它将显示第一个选项值。
<select name="gender">
<option>Select</option>
<option value="M" @if (Input::old('gender') == 'M') selected="selected" @endif>Male</option>
<option value="F" @if (Input::old('gender') == 'F') selected="selected" @endif>Female</option>
</select>
我就是这样做的,非常动态。
<select id="gender" name="gender">
<option>Select</option>
<option value="M">Male</option>
<option value="F">Female</option>
</select>
<script>
var currentGender = null;
for(var i=0; i!=document.querySelector("#gender").querySelectorAll("option").length; i++)
{
currentGender = document.querySelector("#gender").querySelectorAll("option")[i];
if(currentGender.getAttribute("value") == "{{ old("gender") }}")
{
currentGender.setAttribute("selected","selected");
}
}
</script>
我建议使用Laravel Collective包。
{!! Form::label('gender', 'Gender', ['class' => 'control-label']) !!}
{!! Form::select('gender',
['M' => 'Male', 'F' => 'Female'],
'F', //set default value (or null)
['class' => 'form-control', 'required' => true,]
) !!}
它处理旧值,而不使用对每个选择值的丑陋的if-else注入。