2015-08-28 7 views
6

Hallo ich habe ein Bootstrap modal und innerhalb ich habe ein Eingabefeld.Erhalten Wert von Eingang in modal

<input type="text" name="quota" class="form-control" id="quotas" value="'.$storagequota.'" maxlength="20" > 

ich habe auch einen Knopf, wenn eine Funktion, so kann ich den Wert des Eingabefeldes ist

function getQuota(){ 
    quota = $("#quotas").val(); 
    alert(quota); 
} 

das Problem bekommen geklickt Anrufe, dass ich nicht den Wert bekommen kann, dass Benutzer eingegeben. Das Seltsame ist, dass ich ein anderes Modal in einer anderen Seite habe, die auf die gleiche Weise funktioniert. Kann jemand damit helfen? Vielen Dank im Voraus

+0

können Sie eine Geige zur Verfügung stellen? –

+0

https://jsfiddle.net/6n9jd1nk/2/ –

+0

Gibt es mehrere Elemente mit derselben ID 'quotas' auf Ihrer Seite? – RRK

Antwort

0

Ihr Code ist korrekt.

Schreiben Sie einfach die JS function in head Tag.

Hier ist der Code

<html>  
<head> 
    <script> 
     function testFun() { 
      quota = $("#quotas").val(); 
      alert(quota); 
     } 
    </script> 
</head> 

<body> 
    <div id="admin" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 
      <!-- Modal content--> 
      <div class="modal-content animated bounceInDown"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Settings</h4> 

       </div> 
       <div class="modal-body"> 
        <ul class="nav nav-tabs"> 
         <li class="active"><a href="#tab1" data-toggle="tab">Quota</a> 

         </li> 
        </ul> 
        <div class="tab-content"> 
         <div class="tab-pane active" id="tab1"> 
          </br> 
          <div id="table" class="col-lg-12"></div> 
          <label for="Quota">Quota</label> 
          <div class="input-group form-group"> 
           <input type="text" name="quota" class="form-control" id="quotas" value="10" maxlength="20"> 
           <div class="input-group-addon input-group-btn-custom "> <span id="type">Gb</span> 
           </div> 
          </div> 
         </div> 
         </br> 
         </br> 
         <button type="submit" class="btn btn-primary" onclick="testFun()" id="admin">Submit</button> 
        </div> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</body> 

</html> 

Working Demo

+0

das Problem ist, dass ich eine Hauptdatei habe, die ich alle meine Funktion habe und eine Datei, die meine Hauptseite hat, die ich es auf jeder Seite nenne. Ich lege es in beiden aber immer noch gleich. Ich kann nicht herausfinden, was ich sonst tun würde –

+0

dann nur diese Datei im Kopfbereich laden. –

+0

Ich lade es in den Kopf Abschnitt –

7

Setzen Sie einfach die ID des modal vor der ID des Eingangs

$("#registration_modal #useremail").val().trim()