[前端] jquery获取append追加的input值

最新推荐文章于 2023-10-03 21:31:09 发布

天空还下着雪

最新推荐文章于 2023-10-03 21:31:09 发布

阅读量8.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/u010081689/article/details/49278521

前端专栏收录该内容

154 篇文章

订阅专栏

本文介绍如何使用jQuery正确处理动态生成的HTML元素，包括获取动态添加的input框的值及为动态生成的按钮绑定点击事件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

此篇主要讲的不是技术而是细心和思路。。

假如，使用jquery通过append向弹窗中添加或向页面中追加input框（name="price"），想获取其中的值，这个解决方案比较出人意外，在测试的时候，往往会想不到这块，容易被绕进去……

注意：

首先要确定你页面中有几个 name="price" 的input框，因为有些弹窗内容是写在页面中的，然后再通过append把页面中的这个input框追加到弹窗中，导致页面中有两个相同的input框；同理追加指定id的元素，也要看看页面中有没有相同的id

通过jquery的方法获取值

$('input[name="price"]').val();
$('input[name="price"]').attr('value');
$('input[name="price"]')[0].value;
$('input[name="price"]').prop('value');
$('input[name="price"]').get(0).value;

通过js的方法获取值

var inputVal = document.getElementsByName('price')[0].value;
var inputVal = document.getElementsByName('price').item(0).value;
var inputValue = document.getElementById('price').value;

当然方法不止这些，具体看喜欢来选择。。。。

给动态生成的按钮绑定click事件

$('body').on('click', '.btn', function() {
    // ……
});

谢谢关注~