Holen Sie den geänderten Formularfeldwert aus einem dynamischen modalen Fenster

Ich habe ein dynamisches modales Fenster mit einem Formular. wenn ich die Formularfelder aktualisiere und auf die Aktualisierungsschaltfläche klicke, kann ich die geänderten Werte in js nicht finden, aber es gibt mir die ursprünglichen Werte.Holen Sie den geänderten Formularfeldwert aus einem dynamischen modalen Fenster

Wie erhalten Sie die geänderten Werte anstelle der ursprünglichen Form vlaue.

in PHP gebildet i den Inhalt des modalen Fensters und gab ihm den Inhalt in modalen aufzufüllen Ajax:

$content=" 
     <div class='modal-header'> 
      <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button> 
      <h4 class='modal-title' id='formModalLabel'>Edit Banner</h4> 
     </div> 
     <form class='form-horizontal' role='form'> 
      <div class='modal-body'> 
       <div class='form-group'> 
        <div class='col-sm-3'> 
         <label for='title' class='control-label'>Title</label> 
        </div> 
        <div class='col-sm-9'> 
         <input type='text' name='title' id='title' class='form-control' placeholder='title' value='$title'> 
        </div> 
       </div> 
       <div class='form-group'> 
        <div class='col-sm-3'> 
         <label for='alt' class='control-label'>Alternate</label> 
        </div> 
        <div class='col-sm-9'> 
         <input type='text' name='alt' id='alt' class='form-control' placeholder='alt' value='$alt'> 
        </div> 
       </div> 
       <div class='form-group'> 
        <div class='col-sm-3'> 
         <label for='url' class='control-label'>Image URL</label> 
        </div> 
        <div class='col-sm-9'> 
         <input type='text' name='url' id='url' class='form-control' placeholder='url' value='$url'> 
        </div> 
       </div> 
       <div class='form-group'> 
        <div class='col-sm-3'> 
         <label for='link' class='control-label'>Link</label> 
        </div> 
        <div class='col-sm-9'> 
         <input type='text' name='link' id='link' class='form-control' placeholder='link' value='$link'> 
        </div> 
       </div> 

      </div> 
      <div class='modal-footer'> 
       <button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button> 
       <button type='button' id='$pid' class='btn btn-primary updatebtn'>Update</button> 
      </div> 
     </form> 

     "; 
echo $content;

JS Code die modalen mit dem Inhalt

success: function(html) 
      { 
       $('.modal-content').show().html(html);    
       $("#formModal").modal("show"); 
      }

JS aufzuzufüllen Code auf Klick auf Update-Button in modalen Fenstern

$('.modal-content').delegate('.updatebtn', 'click', function() { 
    var title = $("#title").val(); // this gives original vlaues 
});

Dank

Quelle

2016-05-12 Anil Joshua

Bitte geben Sie eine minimale 'DEMO' an, wie Sie dieses' dynamische modale' bekommen und es wird uns einfach sein, Ihnen zu helfen. –

Wenn das hilft, habe ich den Code aktualisiert, pl help. danke –

Versuchen Sie, ** [on()] (http://api.jquery.com/on/) ** anstelle von Delegieren zu verwenden. Aber der obige Code sollte funktionieren. –

Bitte lesen Sie die Bootstrap-modal, die mit unserer html/PHP-Code zu implementieren, einfach: http://www.w3schools.com/bootstrap/bootstrap_modal.asp

Fügen Sie auch PHP-Tag in Wertattribut in html Steuer ‚/>

Quelle

2016-05-12 05:05:04

Hallo, ich konnte das Bootstrap-Modal erfolgreich in meinem Code implementieren. Alles, was ich brauche, um die geänderten Formularwerte in einem dynamischen modalen Fenster zu holen. Ich bekomme die ursprünglichen Werte und nicht die geänderten Werte. –

Holen Sie den geänderten Formularfeldwert aus einem dynamischen modalen Fenster

Antwort

Verwandte Themen