如何從JavaScript中的文本字段訪問值

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")獲得文本字段

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