jquery - 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"  />

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

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()

});

你没有正确使用选择器。检查我的小提琴。

另外，我将您小提琴中的 id 改回了您所拥有的 introdukt 。

另外，如果你准备使用 jquery 文档，你也可以使用 jquery 选择器而不是纯 js 方法。

Answer 2

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

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

Answer 3

你需要一些引号：

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

这是一个有效的小提琴（虽然你在那里使用了不同的 ID ..？）

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()
});

Answer 5

您可以在不使用 js 的情况下做到这一点，只需使用这样的autofocus html 属性：

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

看看这个小提琴：http: //jsfiddle.net/wrKac/5/