JQuery焦点并在id输入字段上选择

时间:2013-07-19 14:09:54

标签: jquery input autofocus

DEMO FIDDLE

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

不专注于该领域?怎么纠正这个?

5 个答案:

答案 0 :(得分:25)

working fiddle

$(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改成了你所拥有的东西。

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

答案 1 :(得分:9)

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

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

答案 2 :(得分:1)

你需要一些报价:

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

这是一个有效的Fiddle(虽然你在那里使用了不同的ID ......?)

答案 3 :(得分:1)

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

答案 4 :(得分:0)

你可以不使用js,只需使用autofocus html属性:

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

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