jquery如何获取append追加的input值-tutorial js-php.cn

jquery如何获取append追加的input值

小云云

Lepaskan： 2018-03-17 09:30:57

asal

4255 orang telah melayarinya

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

注意：

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

通过jquery的方法获取值

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

Salin selepas log masuk

通过js的方法获取值

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

Salin selepas log masuk

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

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

$(&#39;body&#39;).on(&#39;click&#39;, &#39;.btn&#39;, function() {    // ……});

Salin selepas log masuk