Question

我想循环遍历表中的值以从文本框中获取值，然后单击它应该迭代每个值...值来自数据库

/autoconfig

Answer 1

您的方法不适合动态添加行另一件事，你提到你只想显示td中的所有文本框值，但是你的代码没有显示

您正在用文本框替换td，这是错误的，td应该始终在表格中。

我猜你想要一个表格中的文本框，并且想要显示该值的那个文本框的点击

检查以下代码段

var employeeList =[
   
   {"employeeid":"10","name":"xyz","city":"abc"},
   
   {"employeeid":"20","name":"xyz1","city":"abc1"},
 ];
$(document).ready(function(){
  
  $("#submit").click(Submit);
  var employeeTable=$("#tableemployees");
 // alert(employeeList.length);
  for (var i = 0; i < employeeList.length; i++) {
    var empObject=employeeList[i];
    var row=$("<tr>");
     for (var prop in empObject) {
      
        
       var cell=$("<td>");
       if(prop==="name")
       {
        var text=$("<input type='text' id="+prop+">");
        text.val(empObject[prop]);
       text.appendTo(cell);
       
       }
       else 
         cell.html(empObject[prop]);
       cell.appendTo(row);
       row.appendTo(employeeTable);
    }
  }
});

function Submit(){
  var textBoxes=$('#tableemployees tbody tr td input');
  textBoxes.each(function(key){
     console.log($(textBoxes[key]).val());
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableemployees" >
 
    
</table>

<input type="button" id="submit" value="submit"/>

我还使用了虚拟员工对象希望这可以帮助几点建议

1.您的代码未正确遵循命名约定，请勿使用“hi”等变量名称

您在for循环中一次又一次地搜索$（“＃tableemployees”）。 DOM搜索是昂贵的，使用它是空间的。你可以将它存储在变量中并在循环中使用

希望有所帮助

如何在文本框中循环遍历jquery中的表值

1 个答案: