0

私はこのクリック可能なリンクを持っています、

<a href="#" id="link">Clickable Link</a>

<input>リンクをクリックすると出てくるこれがありますが、

<input id="geo_title" type="text" value="some value" class="geo_title" style="display:none" />

私のスクリプトでは、

$('#link').click(function(){
    $("input#geo_title").focus();
});

しかし悲しいことに、これは要素に焦点を合わせていません。私が欲しかったのは、リンクをクリックすると、のvalue属性<input>が強調表示され、何かを入力するために要素をクリックする必要がないということでした。私は何を取りこぼしたか？あなたの助けは大歓迎です。ありがとう。

注：実際のコード。私はすでにこのような別のイベントを持っています

$('#link').live('click',function(){
        $(this).hide();
        $('span.title').hide();
        $('#geo_title').removeAttr('style').removeClass('active_geo_title').css({'padding-top':'10px','padding-bottom':'10px','padding-right':'10px','width':'120%'});


        $("input#geo_title").select();

        return false;
    });
4

3 に答える 3

0

本当に絶望的だったと思いますが、誰かがトリガーを使用してヒントをくれました。だから私はこれを書いた、

$('#geo_title).click(function(){ this.select(); });

そして、使用する別のイベント内で、.live()上記のコードを呼び出してトリガーします。したがって、これに対する私の最終的なコードは、

$('#link').live('click', function () {
$(this).hide();
$('span.title').hide();
$('#geo_title').removeAttr('style').removeClass('active_geo_title').css({
    'padding-top': '10px',
    'padding-bottom': '10px',
    'padding-right': '10px',
    'width': '120%'
});

$("#geo_title").click();

return false;
});

$('#geo_title').click(function(){
    this.select();
});

どうもありがとう！

于 2013-02-08T19:24:53.923 に答える
0

.select()代わりに使用してください。

$('#link').click(function(){
    $("#geo_title").select();
});

jsFiddle の例

于 2013-02-08T17:06:00.767 に答える