jquery的陣列，以字符串來顯示文本框輸入

Question

即時試圖輸出與test變量相關聯的數組：

  $(document).on('click','#btnSubmit', function(){ 
       var test = $("input[name*='i_name']");     
       $(test).each(function(i, item){ 
        var sample = []; 
        sample.push($(item).val()); 

       });     
      }); 

和顯示所有我進入一個文本框數據：

<input type="text" id="test" name="test[]"> 

如何將我做到了嗎？我試過JSON.stringify,.join但它只顯示數組的最後一個索引。請協助我。

Answer 1

您正在重置您的示例數組在每次迭代中，從循環中刪除變量聲明。

$(document).on('click','#btnSubmit', function() { 
    var test = $("input[name*='i_name']"); 
    var sample = []; // <-- Define sample variable here 
    $(test).each(function(i, item){ 
     sample.push($(item).val()); 
    }); 

    console.log(sample.join(", ")); 
}); 

Answer 2

聲明中點擊功能的全局變量sample陣列，而不是與each功能。因爲每一次循環將被重置array.That爲什麼它只有最後一個元素值

$(document).on('click','#btnSubmit', function(){ 
      var sample = []; 
       var test = $("input[name*='i_name']");     
       $(test).each(function(i, item){ 
        sample.push($(item).val()); 

       });     
      }); 

Answer 3

$(document).on('click','#btnSubmit', function(){ 
       var sample = []; 
       var test = $("input[name*='i_name']");     
       test.each(function(i, item){ 

        sample.push($(item).val()); 

       });     
      }); 

我想..我應該改變$（測試）=>測試

Answer 4

只需更新該值即可將數組輸出到input框。

在你的代碼，你sample變量得到更新每次空數組[]，因此它僅存儲最新的值。

const text = ['1','2','3','4','5']; 
 

 
$("#test").val(text.join(''));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<input type="text" id="test" />

Answer 5

兩種主要的錯誤，則在每次時間清除陣列內循環，聲明無功樣本= []，全球 使用了錯誤的選擇借調，直接使用比jquery對象分配給一個變量並使用它。

$(document).on('click','#btnSubmit', function(){ 
         var sample = [];    
       $("input[name*='i_name']").each(function(i, item){ 
        sample.push($(item).val()); 
       }); 
       console.log(sample.toString()); // it will convert to string. 
      }); 

希望它有幫助。