javascript - 使用 jquery 将文本字段聚焦在其值之后

Question

我制作了一个表单，您可以在其中从下拉菜单中选择一个选项。选择一个选项后，将为文本字段设置一个值。我还希望发生的是它关注值之后的文本字段。例如:我从下拉列表中选择 facebook，“http://www.facebook.com/”显示为文本字段的值。选择 facebook 时，焦点也会转到已添加值的最后一个字符之后的文本字段。

我用我目前所拥有的制作了一个 JSFiddle:

http://jsfiddle.net/dgUrj/

JS:

$(document).ready(function() {
    //Add the right URL prefix for social media
    $('select').change(function() {
        console.log(this.value);
        if(this.value == "Facebook"){
         $('#social-url').val("http://www.facebook.com/");
        }
        if(this.value == "Twitter"){
         $('#social-url').val("http://www.twitter.com/");
        }
        if(this.value == "LinkedIn"){
         $('#social-url').val("http://www.linkedin.com/");
        }
    });

});

Answer 1

只需在设置值后添加 focus() 触发器，如下所示:

$('#social-url').val("http://www.twitter.com/").focus();

这是我的做法:

$(document).ready(function() {
    $('select').on('change', function() {
         $('#social-url').val("http://www." + this.value.toLowerCase() + ".com/")
                         .focus();
    });
});

FIDDLE