0

フォーム入力を動的に作成したい。以下のように静的にします。

html

<input type="text" id="try1" /><br/>
<input type="text" id="try2" style="display: none"/><br/>
<input type="text" id="try3" style="display: none"/>

JavaScript

$("#try1").live("input", function(){
    a = $(this).val();
    if (a.length >= 3){
        $("#try2").show();
    }
    else if (a.length <=3){
        $("#try2").hide();
    }

});

$("#try2").live("input", function(){
    a = $(this).val();
    if (a.length >= 3){
        $("#try3").show();
    }
    else if (a.length <=3){
        $("#try3").hide();
    }

});

動的フォームに入力する方法。3 文字以上入力すると、新しい入力フォームが下に表示されます。お願い助けて ：）

4

1 に答える 1

0

このコードを試してください

<script src="http://code.jquery.com/jquery-latest.js"></script>


<script>

 var counter=2;
$(document).ready(function() {


    $("input").live('keyup', function(){
        var currentID = $(this).attr('id');
        a = $('#'+currentID).val();

        if (a.length >= 3){
            $('<input/>').attr({ type: 'text', id: 'try'+counter, name: 'try'+counter }).appendTo('#appenddiv');
            counter++;

        }
        else if (a.length <=3){
            $('#try'+currentID).remove();

        }
    });



});

</script>
<input type="text" id="try1" /><br/>
<div id= "appenddiv">

</div>
于 2012-11-08T04:30:58.310 に答える