Bootstrap Modal Change Text in jQuery

Okay, ich habe ein paar Methoden gesucht und ausprobiert, aber keine funktionieren.Bootstrap Modal Change Text in jQuery

Ich habe ein Modal mit Formularen und einem Auswahlformular. Ich habe auch normalen Klartext, den ich in meinem jQuery ändern möchte.

Hier ist mein Code:

<!-- Modal --> 
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> 
     <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="exampleModalLabel"> <center> Kupovina online </center></h4> 
      </div> 
      <div class="modal-body"> 
      <form> 
       <div class="form-group"> 
       <label for="recipient-name" class="control-label">Ime i Prezime:</label> 
       <input type="text" class="form-control" id="recipient-name"> 
       </div> 
       <div class="form-group"> 
       <label for="message-text" class="control-label">Adresa:</label> 
       <textarea class="form-control" id="message-text"></textarea> 
       </div> 

       <div class="form-group"> 
       <label for="message-text" class="control-label">Telefon:</label> 
       <div id="thisIsanID"> <p> THIS TEXT NEEDS TO CHANGE </p> </div> 
       </div> 

       <label for="paketizaberi" class="control-label">Paket:</label> 
       <select class="form-control" id="paketizaberi"> 
       <option value="PaketZvezda">Zvezda</option> 
       <option value="PaketSunce">Sunce</option> 
       <option value="PaketGalaksija">Galaksija</option> 
       </select> 
      </form> 
      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Otkaži</button> 
      <button type="button" class="btn btn-primary" action="Update.php">Naruči</button> 
      </div> 
     </div> 
     </div> 
    </div>

Und in meinem jQuery habe ich versucht:

$('#thisIsanID').find('p').html('Changed Text !!!!!');

(Dies wird aufgerufen, wenn eine Taste und eine Option ausgewählt geklickt wird)

Was Vermisse ich?

Quelle

2017-05-03 IkePr

Es sollte funktionieren. versuchen Sie unter Code $ ('# thisIsanID p'). html ('geändert ...') –

Die jQuery, die Sie haben, sollte den Text ändern, das Problem ist wahrscheinlich mit, wie Sie dieses Bit Code aufrufen. Wie sieht das onClick-Ereignis der Schaltfläche aus? – Sasang

dieser Code funktioniert gut, sehen Sie, ob Ihre Schaltfläche klicken und Option Auswahl richtig behandelt werden –

-1

add jquery.min Datei auf Ihrem Skript

DEMO

Quelle

2017-05-03 18:00:24 Mik

Bootstrap Modal Change Text in jQuery

Antwort

Verwandte Themen