隱藏和顯示阿賈克斯

-1

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

我需要的時候點擊添加按鈕，我需要隱藏的最後一個和它上面提出了新的

來源

2012-07-06 Khaled

加什麼？哪裏？請更具體請登錄 – 2012-07-06 20:12:58

我認爲你的意思是jQuery不是ajax – 2012-07-06 20:23:34

我想你可以簡單地恢復你的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-06 20:16:35 fedmich

當你添加一個新表單時，舊的消失並顯示新的 – Khaled 2012-07-06 20:58:37

隱藏和顯示阿賈克斯

回答

相關問題