jquery如何获取对应表单元素?
  TEZNKK3IfmPf 2023年11月13日 50 0

问题描述:​我页面中有这样多个表单,我都是这个定义的,当我点击确定按钮时,此时能够获得相对应的表单对象,我该怎么获取到他的两个值呢?​

解决方案:

 页面元素

<form id="form1">
<lable>姓名:</lable>
<input type="text" class="user_name">
<lable>电话:</lable>
<input type="text" class="user_tel">
<span class="button">确定</span>
</form>
<form id="form2">
<lable>姓名:</lable>
<input type="text" class="user_name">
<lable>电话:</lable>
<input type="text" class="user_tel">
<span class="button">确定</span>
</form>
<form id="form3">
<lable>姓名:</lable>
<input type="text" class="user_name">
<lable>电话:</lable>
<input type="text" class="user_tel">
<span class="button">确定</span>
</form>

jquery实现方法(自己任意添加一个jquery库即可)

$(function(){
$('.button').each(function(){
$(this).click(function(){
var name = $(this).parent('form').find('.user_name').val();
var tel = $(this).parent('form').find('.user_tel').val();
console.log(name);
console.log(tel);
});
});
})
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月15日   34   0   0 jQuery
  TEZNKK3IfmPf   2023年11月15日   71   0   0 jQueryjs
  TEZNKK3IfmPf   2024年03月22日   71   0   0 jQueryeasyui
  TEZNKK3IfmPf   2024年03月29日   53   0   0 htmljQuery
  TEZNKK3IfmPf   2024年05月31日   32   0   0 表单
  TEZNKK3IfmPf   2024年05月31日   33   0   0 jQuery选择器
TEZNKK3IfmPf