Показать скрытые текстовое поле, если другие выбирают даже после перезагрузки страницы

Question

У меня есть код яваскрипта

Javascript

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("label[for='id_other']").hide(); 
    $("#id_other").hide(); 
    $('#id_subsector').change(function() { 
     $("label[for='id_other']").show(); 
     $("#id_other").show(); 
     if ($('#id_subsector').val() == 'Others') { 
      $("label[for='id_other']").css('display', 'block'); 
      $("#id_other").css('display', 'block'); 
     } else { 
      $("label[for='id_other']").css('display', 'none'); 
      $("#id_other").css('display', 'none'); 
     } 
    }); 
}); 
</script> 

page.html

<label class="required" for="id_subsector">Sub-sector:</label> <select id="id_subsector" maxlength="50" name="subsector"> 
<option value="Auto ancillary">Auto ancillary</option> 
<option value="Retail">Retail</option> 
<option value="Life Sciences">Life Sciences</option> 
<option value="Healthcare">Healthcare</option> 
<option value="Logistics">Logistics</option> 
<option value="Food &amp; Agriculture">Food &amp; Agriculture</option> 
<option value="Printing">Printing</option> 
<option value="Gems &amp; Jewellery">Gems &amp; Jewellery</option> 
<option value="Light Engineering">Light Engineering</option> 
<option value="Chemicals &amp; Dyes">Chemicals &amp; Dyes</option> 
<option value="Motels &amp; Restaurants">Motels &amp; Restaurants</option> 
<option value="Luxury &amp; Lifestyle">Luxury &amp; Lifestyle</option> 
<option value="Power">Power</option> 
<option value="Electrical and Electronic Goods">Electrical and Electronic Goods</option> 
<option value="Education">Education</option> 
<option value="Import/Export">Import/Export</option> 
<option value="IT/ITES">IT/ITES</option> 
<option value="Others">Others</option> 
</select> 

<label class="required" for="id_other">Others:</label> 
<input id="id_other" maxlength="50" name="other" type="text"> 

Прямо сейчас это работает как когда я нажимаю на других, будет показано текстовое поле, и я могу ввести данные. Как это требуется поле, когда я перезагрузить страницу исчезает и показывает ошибку ..

Как я могу показать текстовое поле, если другие были выбраны даже после перезагрузки?/

Оценил ответы

Answer 1

Использование Это. это полезно для вас. Я использую LocalStorage и Вы выбрали другие опции шоу текстовое поле после загрузки страницы

$(document).ready(function() { 
    $("label[for='id_other']").hide(); 
    $("#id_other").hide(); 
    $('#id_subsector').change(function(){ 
    $("label[for='id_other']").show(); 
    $("#id_other").show(); 
           localStorage.setItem("value_option",$('#id_subsector').val());   
    if($('#id_subsector').val() == 'Others') 
     { 
      $("label[for='id_other']").css('display', 'block'); 
      $("#id_other").css('display', 'block'); 
     } 
    else 
     { 
      $("label[for='id_other']").css('display', 'none'); 
      $("#id_other").css('display', 'none'); 
     } 
    }); 
    //load textbox if others 
    var a= localStorage.getItem("value_option"); 
    if(a!=null){ 
     $("#id_subsector").val(a); 
     if(a == 'Others') 
     { 
      $("label[for='id_other']").css('display', 'block'); 
      $("#id_other").css('display', 'block'); 
     } 
    } 

}); 

Click To Demo