如何使用jQuery在HTML表中动态创建的行中填充文本框值

如何使用jQuery在HTML表中动态创建的行中填充文本框值,html,html-table,Html,Html Table,我最近开始学习jQuery,在编写脚本方面需要帮助——我正在练习 下面是我的HTML代码 单击按钮,我想在表中创建行,并使用jQuery从文本框填充值 <html> <head> <scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax

我最近开始学习jQuery,在编写脚本方面需要帮助——我正在练习

下面是我的HTML代码

单击按钮,我想在表中创建行,并使用jQuery从文本框填充值

<html>
  <head>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script></script>
</head>
 <body><br>
      First Name<br><input type ="text" id="firstname"></input><br><br>
      Employee ID<br><input type="text" id="empid"></input><br><br>
      Phone No<br><input type="text"    id="phnno"></input><br><br>
      <button type="button" id="btnSubmit">Submit</button><br><br><br>

 <table id="mytable" border="1" class="tbinput" style="width:30%">
  <tr>
    <th>Name</th>
    <th>EmployeeID</th>     
    <th>Phone No</th>
  </tr>
</table> 

</body>
</html>


名字


员工ID


电话号码


提交


名称 雇员ID 电话号码

此链接帮助您添加HTML表格行以及文本框值,使用Jquery.append(“任意dom元素”)

作为示例,我在代码中添加了一个片段


$(文件)
.准备好了吗(
函数(){
$(文档)。在(“单击”,“提交”,函数()上){
$(“#mytable”).append(“+$(“#名字”).val()+”+$(“#empid”).val()+”+$(“#phnno”).val()+”;
}
)
});

名字


员工ID


电话号码


提交


名称 雇员ID 电话号码
谢谢Girish,我写了与您的第一个提示完全相同的内容,它起了作用。再次感谢您提供的完整片段:p