Question

我试图将输入的值从表格的单元格中获取，我不知道为什么val（）;没有工作（没有得到价值）。我到处检查过here，here和here，但收效甚微。我相信我的代码是正确的。我错过了渲染或我的代码错了吗？所有的帮助都会被贬低。

提前谢谢

＆＃13;

$(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--;
    })
});

＆＃13;

<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>

＆＃13;

Answer 1

尝试添加声明：

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

在click侦听器中：

$(add_button).click(function(e) {

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

查看工作示例here。

Jquery val（）;没有得到价值

1 个答案: