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')只会为您提供身份text1的第一个元素。

类用于多重选择。

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

Answer 3

通过调用document.getElementsbyClassName("text2")

获取文本字段

它将返回输入字段列表，然后获取值

如何在javascript中访问textfield中的值

3 个答案: