0

我使用这个脚本，我发现当用户单击文本链接时添加一个文本框，有什么办法可以让每个自动出现的新文本框在文本框中都有光标。

继承人的脚本：

function add(orderType) {

//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", "text");
element.setAttribute("name", orderType + "[]");


var foo = document.getElementById(orderType);

//Append the element in page (in span).
//Create the option text
var a = document.createTextNode("Choice: ");
foo.appendChild(a);
foo.appendChild(element);
var br = document.createElement("br");
foo.appendChild(br);
i++;    
}

非常感谢

4

3 回答 3

2

element.focus()将其附加到后调用foo：

function add(orderType) {
    //Create an input type dynamically.
    var element = document.createElement("input");
    //Assign different attributes to the element.
    element.setAttribute("type", "text");
    element.setAttribute("name", orderType + "[]");


    var foo = document.getElementById(orderType);

    //Append the element in page (in span).
    //Create the option text
    var a = document.createTextNode("Choice: ");
    foo.appendChild(a);
    foo.appendChild(element);
    var br = document.createElement("br");
    foo.appendChild(br);

    element.focus();//focus new input

    i++;
}
于 2013-11-11T18:45:10.737 回答
0

自从我用 javascript 编程以来已经有一段时间了，现在重新学习它......我相信.focus是你想要的。

document.getElementById(orderType).focus

======================

.tabindex（（希望是正确的语法））与“tab”键一起使用。

document.getElementById(orderType).tabindex = 0     //first name
document.getElementById(orderTyppe_2).tabindex = 1  //last name
document.getElementById(orderTyppe_3.tabindex = 2  //address
document.getElementById(orderTyppe_3.tabindex = 3  //city
etc...

更多用于注册页面或填写送货地址页面。您是否只是简单地设置了 tabindex，所以当您按 tab 时，它会将您带到文档上下一个最高的 tabindex 编号。当页面通过 javascript 动态更改时会更有用。

===================

在我的脑海里我想说还有另一个

.something
document.getElementById(orderType).something
for <input /> or <input></input> or like elements

但我不记得了。处理“光标”，但它可能是跨浏览器脚本的事情。并且仅在各种主要浏览器之一中实现。

于 2013-11-11T18:57:49.403 回答
0

一个 jQuery 解决方案将选择最后一个输入，然后将其聚焦，其中 #ordertype 是容器 id ：

$("#" + orderType + "input:last").focus();

于 2013-11-11T18:48:09.560 回答