新手问：如何做当输入一个文本框内容后，有新的文本框出现

Question

如何做当输入一个文本框内容后，有新的文本框出现<input name="h1" >
<input name="h2" style="display:none">
<input name="h3" style="display:none">当h1输入内容后，h2框才显示，h2框写完内容后，h3框才出现

Answer 1

<script type="text/javascript">
var text=[];
function init(){
var input=document.getElementsByTagName("input");
for(var i=0;i<input.length;i++){
if(input[i].type=="text"){
text.push(input[i]);
}
}
}
function shows(){
for(var i=0;i<text.length-1;i++){
if(text[i].value.replace(/^\s+/,"").length){
text[i+1].style.display="block";
}
}
}
window.onload=init;
document.onkeyup=shows;
</script>
这样？？

Answer 2

恩，就是这样的效果。但当删除h1里面的内容时，h2、h3就自动隐藏。这个要怎么加呢

Answer 3

你的删除h2隐藏h3是把h2里面的内容删完了才隐藏h3还是随便删除一个字符就隐藏呢？

Answer 4

<script type="text/javascript">
var text=[];
function init(){
var input=document.getElementsByTagName("input");
for(var i=0;i<input.length;i++){
if(input[i].type=="text"){
text.push(input[i]);
}
}
}
function shows(){
for(var i=0;i<text.length-1;i++){
if(text[i].value.replace(/^\s+/,"").length){
text[i+1].style.display="block";
}else{
for(var j=i+1;j<i<text.length;j++){
text[j].style.display="none";
}
}
}
}
window.onload=init;
document.onkeyup=shows;
</script>
这样试试

Answer 5

楼上代码没问题，不过一个地方写错了
j<i<text.length
应该是j<text.length

Answer 6

当文本框失去焦点时做出判断，如果有内容，显示它的下一个文本框，如果没内容，隐藏下一下文本框$(":text").blur(function(){
    if($.trim($(this).val())=="")
      $(this).next().hide();
    else
      $(this).next().show();
});

Answer 7

当文本框失去焦点时做出判断，如果有内容，显示它的下一个文本框，如果没内容，隐藏下一下文本框
JScript code
$(":text").blur(function(){
    if($.trim($