0

入力のあるフォームがあります：

 <form action="xyz" name="form" id="fc" method="GET" style="background:none;display:block">
 <div class="a" id="a"> 
 <div class="b"> 
 <div class="c" id="c"> 
 <input class="input" type="text" name="name">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="email">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="sub">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="web">
 </div>
 </div>
 <input type="submit" name="submit" id="su" value=""> 
 </div>  
 </form>

いいえ、入力に集中したときにそれが欲しいのですが、

 var appender = '<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>';

この入力の div の後に追加されます。

||---------------------|A| [ <div>||----------|</div> |a| ]
|----------------------|
|----------------------|
|----------------------|

|----------------------|
||---------------------|A|
|----------------------|
|----------------------|

|----------------------|
|----------------------|
||---------------------|A|
|----------------------|

|----------------------|
|----------------------|
|----------------------|
||---------------------|A|

現在、私はこのコードを使用しています:

 var any = {
 init: function(){
 var btn = $("#btn");
 var input = $('input');
 var appender = '<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>';
input.focus(function(){
    $(this).parent().parent().append(appender);
});
input.blur(function(){
    if(input.val().length == 0){
        $(this).parent().parent().find(".nxt").remove();
    }else{
        $(this).parent().parent().find(".nxt").css("display","block");
    }
});

btn.live("click",function(){
    input.val('');  
    btn.css("display","none");
}); 
 }
 }
 $(document).ready(any.init);

ただし、このコードはこの「appender」を最初の入力にのみ追加します。

誰かが私にそれの良い解決策を提供できますか...

4

2 に答える 2

1

これをチェックして、私がそれを正しく理解しているかどうか教えてください：

http://jsfiddle.net/6KZu8/

input.focus(function(){
    $(this).parent().append(appender);
});
于 2013-07-30T07:12:51.310 に答える
0 
    var any = {
    init: function () {
        var $appender = $('<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>');
        $('input').focus(function () {
            $appender.insertAfter($(this).parent());
        });
    }
}
$(document).ready(any.init);

デモ: http://fiddle.jshell.net/Pisi2012/kDwb8/

于 2013-07-30T06:51:50.747 に答える