如何使用jQuery在HTML表中动态创建的行中填充文本框值
我最近开始学习jQuery,在编写脚本方面需要帮助——我正在练习 下面是我的HTML代码 单击按钮,我想在表中创建行,并使用jQuery从文本框填充值如何使用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
<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