javascript - 如何获取数组文本框中文本框的键(索引)值

Question

我想要一个 jQuery 函数或 javascript 来提醒数组文本框的索引和值:例如

<input type="text" name="textbox[]" value="1" onblur="javascriptfunction(this.value,this.index)" />
<input type="text" name="textbox[]" value="foo" onblur="javascriptfunction(this.value,this.index)" />

<input type="text" name="textbox[]" value="banana" onblur="javascriptfunction(this.value,this.index)" />

每当鼠标从第一个输入移动时，我都会收到此警报 (1,0)，第二个输入是 (foo,1) 等等。我找不到执行此操作的函数。请帮忙。

Answer 1

您可以使用 jQuery index()和 val()喜欢

$('input').blur(function(){
  alert($(this).val() + ',' + ($(this).index()-1));
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input type="text" name="textbox[]" value="1" />
<input type="text" name="textbox[]" value="foo" />

<input type="text" name="textbox[]" value="banana" />

更新

要定位某些元素或将其放入命名函数中，首先，在元素上放置标识符，例如类 my-class。然后，创建一个命名函数并将其传递给 jQuery 模糊函数

$('.my-class').blur( alertIndexAndVal );

function alertIndexAndVal(){
  alert($(this).val() + ',' + ($(this).index()-1));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input class="my-class" type="text" name="textbox[]" value="1" />
<input class="my-class" type="text" name="textbox[]" value="foo" />

<input class="my-class" type="text" name="textbox[]" value="banana" />