在JavaScript

时间:2016-06-24 18:42:04

标签: javascript html

我正在尝试创建数据输入表单。表格将包含70个项目。 每个响应将包含1到10之间的单个整数。 我已经成功创建了表单,并且它可以正常工作。 但是,我希望在输入前面的响应后让光标前进到下一个项目。 例如,如果按" 1"对于第一个响应,光标将自动转到第二个响应。您输入第二个响应,光标移动到第三个字段等,直到您输入了所有70个响应。 问题是我不知道如何使光标自动移动。我试图在Excel中解决这个问题,放弃了,现在我尝试使用Javascript

我在jsfiddle.net上找到了一些语法,然后我创建了表单。但是,我不知道如何使它在记事本中工作。 我已粘贴下面的语法。实线将我理解为html代码与java分开。他们在记事本中并没有很好地合作,我不知道为什么。

提前感谢您的时间。他们没有在海军陆战队教我们这个!

    <div class="container">
a: <input type="text" maxlength="5" />
b: <input type="text" maxlength="5" />
c: <input type="text" maxlength="5" />
</div>

____________________________________________________

var container = document.getElementsByClassName("container")[0];
container.onkeyup = function(e) {
    var target = e.srcElement;
    var maxLength = parseInt(target.attributes["maxlength"].value, 10);
    var myLength = target.value.length;
    if (myLength >= maxLength) {
        var next = target;
        while (next = next.nextElementSibling) {
            if (next == null)
                break;
            if (next.tagName.toLowerCase() == "input") {
                next.focus();
                break;
            }
        }
    }
}

1 个答案:

答案 0 :(得分:0)

将JavaScript代码放在HTML中的<h2> Search Your Jazz </h2> <h2> Item ID: @Html.TextBox("search")<br /> <input type="submit" value="Details"/> </h2> @{ Html.EndForm();} <br/> <div id="searchResults"> 标记内。

<script>