首页  >  文章  >  web前端  >  jquery如何获取append追加的input值

jquery如何获取append追加的input值

小云云
小云云原创
2018-03-17 09:30:574240浏览

假如,使用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与appendTo用法分析

Jquery append方法使用中的问题

jQuery方法解析--append()

以上是jquery如何获取append追加的input值的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn