2015-08-28 84 views
6

您好我有一个引导模式,里面有一个输入字段。从模态输入获取价值

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

还我有一个按钮,点击它时,调用一个函数,所以我可以输入字段

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

问题的价值在于,我不能让用户键入的值。 奇怪的是,我有另一个模式在另一个页面,以相同的方式工作。 有人可以帮忙吗? 在此先感谢

+0

的ID,然后才能提供一个小提琴? –

+0

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

+0

是否有多个元素在你的页面中具有相同的ID quotas'? – RRK

回答

0

您的代码是正确的。

只需在head标签中写入JS function标签。

这里是你的代码

<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

问题是我有一个主文件,我有我的所有功能和一个文件,有我的主页,我在每个页面中调用它。我把它放在两个但仍然是相同的。我不知道我会做什么 –

+0

然后只加载该文件的头部分。 –

+0

我加载它的头部 –

7

只要把模态的ID输入

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