1

ドロップダウン メニューからオプションを選択するフォームを作成しました。オプションが選択されると、テキストフィールドに値が設定されます。私がやりたいことは、値の後のテキストフィールドに焦点を当てることです。例: ドロップダウンから 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/");
        }
    });

});
4

3 に答える 3

5

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

フィドル

于 2013-05-14T17:54:35.753 に答える
0

これをifステートメントの後に配置するだけで、ドロップダウン選択が発生した後にテキストボックスに自動的にフォーカスします。

   $('#social-url').focus();

したがって、コードでは次のようになります。

$(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/");
        }
         $('#social-url').focus();
    });

});

デモ: http://jsfiddle.net/dgUrj/2/

于 2013-05-14T17:55:09.897 に答える