JQuery在ID输入框上实现聚焦和选择

Question

演示代码

<script>
$(document).ready(function ()
{  
     document.getElementById(introdukt).focus()
    document.getElementById(introdukt).select()
});
</script>
<input type="text" size="12" id="introdukt" value="match" style="text-align:center"  />

不专注于领域？如何纠正？

- secr

Answer 1

可工作的代码示例

$(document).ready(function ()
{  
    $('#introdukt').focus()
    $('#introdukt').select()

    //or if you want to be more efficient and use less characters, chain it
    $('#introdukt').focus().select()

});

你没有正确使用选择器。检查一下我的fiddle。

另外，我把你fiddle中的id从你之前用的改回了introdukt。

还有，如果你要使用jquery的文档就绪函数，最好使用jquery选择器而不是纯js方法。

- Rooster

---

不需要选择两次 - 使用链接 $('#introdukt').focus().select(); - robisrob

@robisrob 是真的。老实说，我不记得回答过这个问题，但我想我是这样做的，以更清晰地展示。总之，我会修改答案，因为（根据您的说法）人们实际上使用它:D - Rooster

Answer 2

你应该链接你的方法调用，因为jQuery只需要查找一次元素。

$(document).ready(function ()
{  
    $('#introdukt').focus().select();
});

- Derick

Answer 3

你需要在那里添加一些引号：

document.getElementById('introdukt').focus()
document.getElementById('introdukt').select()

这里有一个可用的 Fiddle（虽然你在那里使用了不同的ID..?）

- George

Answer 4

请在jsfiddle中检查更新后的脚本

HTML：

<input type="text" size="12" id="czasow1introdukt" value="match" style="text-align:center"/>

JS：

$(document).ready(function ()
{  
     document.getElementById('czasow1introdukt').focus()
    document.getElementById('czasow1introdukt').select()
});

- Jothi Kannan

Answer 5

您可以不使用js，只需使用autofocus html属性就可以实现：

<input autofocus type="text" size="12" id="introdukt" value="match" style="text-align:center"  />

看一下这个 fiddle: http://jsfiddle.net/wrKac/5/

- Lucas Willems