Dynamische Felder bleiben nach der Aktualisierung sichtbar

Ist es möglich, dass hinzugefügte dynamische Felder nach der Aktualisierung weiterhin sichtbar sind?Dynamische Felder bleiben nach der Aktualisierung sichtbar

Ich fand ein verwandtes Thema, aber es ist kompliziert. related topic

Ich möchte es in meiner Arbeit implementieren.

Geige

https://jsfiddle.net/jqj1h4vb/

Dank

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>

Quelle

2017-01-20 Mark Gerryl Mirandilla

@Dumisani, ich glaube, OP versucht, die Felder _keep_ nachdem der Seite aktualisiert wird – haxxxton

Das verwandte Thema irgendwie richtig ist, sollten Sie wickle den Code innerhalb des onclick-Ereignisses und setze ihn auf seine eigene Funktion, dann benutze Cookies ein Flag, das prüft, ob es auf Refresh gesetzt ist, wenn es dann die Funktion ausführt, die das zusätzliche Feld hinzufügt –

ok Herr, ich werde es versuchen . –

In Ihrer Geige werden die Felder entfernt, wenn das Skript erneut ausgeführt wird. Ich sehe das Problem nicht. Und wenn das Problem in Ihrem Browser bestehen bleibt. Bitte verwenden Sie Ctrl + F5 zum Aktualisieren.

Quelle

2017-01-20 06:22:24 Shubhranshu

Ich glaube OP versucht _keep_ die Felder, nachdem die Seite aktualisiert wird – haxxxton

ja Sir war es entfernen, was ich will ist, wenn ich erzeuge Felder wird es sichtbar bleiben –

Sie können dies auf zwei Arten archivieren ..

Wert speichern und Daten in der Sitzung.
Wert und Daten in der Datenbank speichern.

Und dann nach Laden der Seite, die Sie gerade holen Daten aus der Datenbank oder Sitzung

Quelle

2017-01-20 06:38:27

Dynamische Felder bleiben nach der Aktualisierung sichtbar

Antwort

Verwandte Themen