Динамические поля остаются видимыми После обновления

Возможно, добавленные динамические поля будут по-прежнему видны после обновления.Динамические поля остаются видимыми После обновления

Я нашел связанную тему, но ее сложно. related topic

Я хочу реализовать его в своей работе.

скрипку

https://jsfiddle.net/jqj1h4vb/

Благодаря

SCRIPT

$(function() 
{ 
    $(document).on('click', '.btn-add', function(e) 
    { 
     e.preventDefault(); 

     var controlForm = $('.controls form:first'), 
      currentEntry = $(this).parents('.voca:first'), 
      newEntry = $(currentEntry.clone()).appendTo(controlForm); 

     newEntry.find('input').val(''); 
     controlForm.find('.btn-add:not(:last)') 
      .removeClass('btn-default').addClass('btn-danger') 
      .removeClass('btn-add').addClass('btn-remove') 

      .html('<span class="glyphicon glyphicon-minus" aria-hidden="true"></span> Remove '); 
    }).on('click', '.btn-remove', function(e) 
    { 
     $(this).parents('.voca:first').remove(); 

     e.preventDefault(); 
     return false; 
    }); 
});

HTML

<div class="container"> 


     <div class="control-group" id="fields"> 
      <div class="controls"> 
       <form role="form" autocomplete="off"> 



       <div class="row"> 

        <div class="voca"> 
        <div class="col-md-3"> 
         <input class="form-control" placeholder="Name this snippet" name="voca" type="text" value="Dynamic Form Fields - Add & Remove BS3"> 
        </div> 
        <div class="col-md-3"> 
         <input class="form-control" placeholder="Name this snippet" name="vocatrans" type="text" value="Dynamic Form Fields - Add & Remove BS3"> 
        </div> 
        <div class="col-md-1"> 
         <select class="form-control"> 
          <option>1</option> 
          <option>2</option> 
         </select> 
        </div> 
        <button type="button" class="btn btn-success btn-add" > 
         <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Add more 
        </button> 
        </div> 
        </div>  

       </form> 
      <br> 

      </div> 
     </div> 

</div>

источник

2017-01-20 Mark Gerryl Mirandilla

@Dumisani, я считаю, ОП пытаемся _keep_ поля после обновления страницы – haxxxton

Связанная тема вроде правильно, вы должны оберните код внутри события onclick и поместите его на свою собственную функцию, а затем с помощью файлов cookie создайте флаг, который проверяет, установлен ли он при обновлении, если он затем выполняет функцию, которая добавляет дополнительное поле –

ok sir, я попробую это , –

В вашей скрипке поля удаляются, когда сценарий запускается снова. Я не вижу проблемы. И если проблема сохраняется в вашем браузере. Пожалуйста, используйте Ctrl + F5 для обновления.

источник

2017-01-20 06:22:24 Shubhranshu

Я верю, что OP пытается _keep_ поля после обновления страницы – haxxxton

да, сэр это было удалено, я хочу, если я сгенерирую полей он останется видимым –

Вы можете архивировать это двумя способами ..

значение магазина и данные в сессии.
Хранить значение и данные в базе данных.

И затем после загрузки страницы, вы просто получить данные из базы данных или сессий

источник

2017-01-20 06:38:27

Динамические поля остаются видимыми После обновления

ответ

Смежные вопросы