jquery - 转到下一个时更改输入值

时间:2015-02-10 06:45:48

标签: javascript jquery html input

当您在输入[文本]时按下标签按钮时,您将自动转到下一个输入,当您填满所有输入并再次想要重新填充它们之后,值将以蓝色突出显示,所以我试图这样做而不按Tab键,它已经转到下一个输入,但它不会突出显示以获得新值,你必须拖动(全选)该值来替换新值。

所以我希望当它进入下一个值时它已经填满它得到蓝色突出显示并且可编辑。请查看我的JSFiddle并填写所有输入然后重新填充它们,然后您将看到在拖动值进行更改之前无法更改值。

JSFiddle

$(".digits").keyup(function () {
    if (this.value.length == this.maxLength) {
      $(this).prev('.digits').focus();
    }
});

2 个答案:

答案 0 :(得分:1)

试试这个:您可以添加focus事件处理程序并选择输入框中的所有文本。请参阅下面的代码和JSFiddle演示

$(".digits").focus(function(){
  $(this).select();
});

<强> JSFiddle Demo

答案 1 :(得分:0)

尝试此代码其工作正常

  $(".digits").keyup(function () {

    if (this.value.length == this.maxLength) {

    $(this).prev('.digits').focus();
    $(this).prev('.digits').trigger( "select" );

}  });