Jquery专注于第一个文本字段,并将光标设置为值结束以进行即时数据输入

时间:2012-09-29 16:20:17

标签: jquery focus

我正在将表单和默认焦点加载到第一个文本字段。文本字段填充了默认值“PW-”。 (客户部件号的第一个字符如PW-446,PW-9887)

他们只想在表单加载时键入数字而不是单击字段末尾等来键入数字。光标应该在PW的末尾闪烁,并准备好进行数据输入。

我在StackOverflow上尝试了很多不同的方法,没有运气:-(
有任何想法吗?提前谢谢!

JQUERY

$(document).ready(function(){

    $('input:text:first').focus();

});

HTML

< input type="text" name="part_id" size="20" value="PW-">

2 个答案:

答案 0 :(得分:37)

这是EXAMPLE

$(document).ready(function(){
    var el = $("input:text").get(0);
    var elemLen = el.value.length;

    el.selectionStart = elemLen;
    el.selectionEnd = elemLen;
    el.focus();
});​

https://developer.mozilla.org/en-US/docs/XUL/Property/selectionStart

https://developer.mozilla.org/en-US/docs/XUL/Property/selectionEnd

对于旧版本的IE,您可能需要使用:http://msdn.microsoft.com/en-us/library/ie/ms536401(v=vs.85).aspx

答案 1 :(得分:0)

有点不同:也许尝试在文本输入字段左侧的文本中设置“PW-”。验证字段中的非数字,然后在提交表单时,将“PW-”添加到该字段的值,以便您拥有完整的部件号。