假如，使用jquery通过append向弹窗中添加或向页面中追加input框（name="price"），想获取其中的值，这个解决方案比较出人意外，在测试的时候，往往会想不到这块，容易被绕进去，本文主要和大家分享jquery如何获取append追加的input值。
注意：
首先要确定你页面中有几个 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() { // ……});相关推荐：
以上就是jquery如何获取append追加的input值的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
589
