jquery如何取得append追加的input值

假如，使用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中文網其他相關文章！