-1

私はhtmlでこのコードを持っています

<div id="a1"><input type="text" id="ac1" /></div>
<div id="a2" style="display:none"><input type="text" id="ac2" /></div>
<div id="a3" style="display:none"><input type="text" id="ac3" /></div>
<div id="a4" style="display:none"><input type="text" id="ac4" /></div>
<div id="a5" style="display:none"><input type="text" id="ac5" /></div>
<div id="a6" style="display:none"><input type="text" id="ac6" /></div><span id="close" style="display:none">X</span>
<div><input type="button" id="add" value="add" /></div>

そしてこのコードはjavascriptで

var i = 2;
$(document).ready(function(){
    $("#add").click(function(){
    if(i <= 6){
        $("#a"+i).show(500);
        ++i;
        if (i == 7){ $(this).hide(500); }
        if (i >= 2){ $("#close").show(500); }
    }
    });

    $("#close").click(function(){
        --i;
        $("#a"+i).hide(500);
        $("#ac"+i).val("");
        if (i == 2){ $(this).hide(500); }
        if (i == 6){ $("#add").show(500); }
    });
});

追加ボタンをクリックするときに必要です。最後のボタンを非表示にして、その上に新しいものを配置する必要があります

4

1 に答える 1

0

HTML入力の順序を単純に逆にすることができると思います

<div id="a6" style="display:none"><input type="text" id="ac6" />
<div id="a5" style="display:none"><input type="text" id="ac5" /></div>

a4
a3
a2
a1
于 2012-07-06T20:16:35.257 に答える