jQuery val();没有获得价值

Posted 2023-03-05

【中文标题】jQuery val();没有获得价值

【英文标题】：Jquery val(); not getting value

【发布时间】：2016-01-30 09:04:43

【问题描述】：

我试图从输入中获取值到表格的单元格中，但我不知道为什么 val();不工作（没有得到价值）。我到处检查了here、here 和here，但收效甚微。我相信我的代码是正确的。我是否遗漏了有关渲染的内容或我的代码有误？我们将不胜感激所有帮助。

提前谢谢你

$(document).ready(function() 
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); 
    var add_button      = $(".add_studies_button"); 
	var studies         = $("#studies").val();
	
    
    var x = 1; //initlal text box count
    $(add_button).click(function(e) 
        e.preventDefault();
        if(x < max_fields) //max input box allowed
            x++; 
            $(wrapper).append('<tr>' +
        '<td>' + studies + '</td>' +
        '<td>Que tal</td>' +
        '<td>Pitt</td>' +
        '<td>35</td>' +
        '<td>New York</td>' +
        '<td><a class="remove_field">Remove</a></td>' +
		'</tr>'); 
        
    );
    
    $(wrapper).on("click",".remove_field", function(e) //user click on remove text
        e.preventDefault(); $(this).parent().parent().remove(); x--;
    )
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	

<div class="form-horizontal pull-right col-xs-6">
	
		<div class="form-group">
            <label class="col-lg-3 control-label">Studies:</label>
            <div class="col-lg-8">
              <input class="form-control" maxlength="100" type="text" id="studies" required="required"  placeholder="Studies">
            </div>
        </div>
        		
		<div class="form-group">
            <label class="col-md-3 control-label"></label>
            <div class="col-md-8">
               <button class="btn btn-primary pull-right add_studies_button" style="margin-top:7px;">Add</button>
			   
              <span></span>
			  
			  
            
            </div>
          </div>
  
  
   <div class="table-responsive col-xs-6">          
  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>Studies</th>
        <th>School</th>
        <th>From</th>
        <th>To</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody class="input_fields_wrap">
	
	
    
	
	
      
    </tbody>
  </table>
  </div>

【参考方案1】：

尝试添加语句：

var studies = $("#studies").val();

在click 监听器内部：

$(add_button).click(function(e)  

这是为了在点击时获取#studies输入框的值。代码中的变量studies 是在开头设置的，从不更新（它不会自动更新为#studies 的值）。

查看工作示例here。

【讨论】：

谢谢！！我不知道那个问题。你永远不会在不学习的情况下上床睡觉。再次感谢您！