我正在尝试创建数据输入表单。表格将包含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;
}
}
}
}
答案 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>