大佬教程收集整理的这篇文章主要介绍了在Jquery中获取表值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Iam有10行的表,每行都被识别出来.所以我有两个按钮,如选择和取消
当我们说选择表中的值应该去他们的各自的盒子名称值应该去名称框和年龄值应该去他们的年龄框等等..
我怎样才能使用Jquery来实现这个目标
... <div> <label for="NameTextBox">Name:</label> <input type="text" id="NameTextBox" /> </div> <div> <label for="AgeTextBox">Age:</label> <input type="text" id="AgeTextBox" /> </div> <div> <label for="EducationSelect">Education:</label> <select id="EducationSelect"> <option value="Bachelors">Bachelors</option> <option value="Masters">Masters</option> </select> </div> <input type="button" value="Add" /> <table> <tr> <th></th> <th>Name</th> <th>Age</th> <th>Education</th> </tr> <tr> <td><input type="button" id="row1" value="Select" /></td> <td>Name1</td> <td>44</td> <td>Bachelors</td> </tr> <tr> <td><input type="button" id="row2" value="Select" /></td> <td>Name2</td> <td>32</td> <td>Masters</td> </tr> </table> ...
以下jQuery表达式将所选行中的值复制到“选择”按钮上的表单中:
$(function() { $("table input").click(function(event) { $("#NameTextBox").val($("tr").has("#" + event.target.id).find("td:nth-child(2)").html()); $("#AgeTextBox").val($("tr").has("#" + event.target.id).find("td:nth-child(3)").html()); $("#EducationSelect").val($("tr").has("#" + event.target.id).find("td:nth-child(4)").html()); }); });
以上是大佬教程为你收集整理的在Jquery中获取表值全部内容,希望文章能够帮你解决在Jquery中获取表值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。