2015-08-28 16 views
6

hi ho un modal bootstrap e all'interno ho un campo di input.Ottieni il valore dall'input nel modale

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

anche ho un pulsante che se cliccato chiama una funzione in modo da posso ottenere il valore del campo di input

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

il problema è che non riesco a ottenere il valore digitato dall'utente. Lo strano è che ho un'altra modale in un'altra pagina che funziona allo stesso modo. Qualcuno può aiutarti? Grazie in anticipo

+0

si può fornire un violino? –

+0

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

+0

ci sono più elementi con lo stesso ID 'quote nella tua pagina? – RRK

risposta

0

Il tuo codice è corretto.

Basta scrivere il JS function nel tag head.

Ecco il codice

<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

il problema è che ho un file principale che ho tutte le mie funzioni e un file che ha la mia pagina principale che io chiamo in ogni pagina. l'ho inserito in entrambi ma sempre lo stesso. Non riesco a capire cos'altro farei –

+0

quindi caricare quel file nella sezione head. –

+0

lo carico nella sezione di testa –

7

Basta mettere l'id del modal prima della id dell'ingresso

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