заселить старый HTML выберите поле в Laravel при отказе

Question

У меня есть форма с выбором входом, проверка в порядке, но после аварии поле выбора не заполняет старое значение вот мое поле выбора

<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> 

как я могу это решить?

Answer 1

Если вы не хотите использовать Laravel форму сборки, вы должны сделать это таким образом:

<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> 

Answer 2

Это происходит из-за выбора элемента HTML.

Если вы хотите назначить какое-либо значение по умолчанию для элемента выбора, используйте атрибут 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> 

Answer 3

Я лично считаю, что этот код чище. Здесь нет никакого права или неправды, я могу понять, почему некоторые предпочли бы заявления Laravel @if @endif, я просто думаю, что они выглядят слишком визуально тревожными.

<option {{ old('gender')=='male' ? 'selected="selected"' : '' }}>Test option</option> 

Answer 4

Это так, как я, очень динамичный.

<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>