隐藏和显示阿贾克斯

-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

隐藏和显示阿贾克斯

回答

相关问题