Uzyskaj wartość wejściową w trybie modalnym

Witam mam modulator bootstrap, a wewnątrz mam pole wejściowe.Uzyskaj wartość wejściową w trybie modalnym

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

też mam przycisk, który po kliknięciu wywołuje funkcję, więc można pobrać wartość pola wprowadzania

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

Problem polega na tym, że nie mogę uzyskać wartość, że użytkownik wpisze. Dziwne, że mam inny modal na innej stronie, która działa w ten sam sposób. Czy ktoś może w tym pomóc? Z góry dziękuję

Źródło

2015-08-28 Agis Soleas

można dostarczyć skrzypce? –

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

czy na twojej stronie znajduje się wiele elementów z "przydziałami" tego samego identyfikatora? – RRK

Twój kod jest prawidłowy.

Po prostu napisz znacznik JS function w head.

Oto kod

<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

Źródło

2015-08-28 16:14:57

problemem jest to, że mam główny plik, który mam całą moją funkcję i plik, który ma moją główną stronę, którą nazywam go na każdej stronie. umieszczam to w obu, ale wciąż takie same. Nie mogę się domyślić, co jeszcze zrobiłbym: –

, a następnie załaduj ten plik w sekcji head. –

Załaduj go w sekcji head –

Wystarczy umieścić id modalnym przed id wejścia

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

Źródło

2016-05-31 22:12:46

Uzyskaj wartość wejściową w trybie modalnym

Odpowiedz

Powiązane problemy