如何在javascript中訪問textfield中的值

Question

我在嵌套循環中有一個text_field。我想通過使用javascript來訪問所有文本字段中的值。這是我的HTML視圖：

<% @empsInProject.each do |empInProject| %> 
<%= empInProject.name %> 
<% (1..@numberOfMonths).each do |one| %> 
<input type="text" id="text1" class="text2"> 
<% end %> 
<% end %> 
<button value="check" id="button">Calculate</button> 

我使用下面給出的代碼來訪問該值，但它只返回第一個文本字段值。 這裏是我的javascript代碼：

<script> 
$("button").click(function() { 
    var val = $('#text1').val(); 
    alert(val); 
}); 
</script> 

請幫助我.. 預先感謝

Answer 1

$('.text2').each(function(){ 
    $(this).val(); 
}) 

用戶這個jQuery函數來獲得你的表單的輸入的每個值。這隻有在您的所有輸入都具有「text2」類時纔有效。

Answer 2

HTML id應該是唯一的，並且$('#text1')只會給你第一個元素ID爲text1。

類用於多選。

$("button").click(function() { 
    var val = $('.text2').map(function() { 
    return $(this).val(); 
    }).join(','); 
    alert(val); 
}); 

Answer 3

通過調用document.getElementsbyClassName("text2")

它將返回輸入字段列表，然後獲取值