如何进行下拉选择框自动跟踪生成

那我换种表达方式，初始的时候：
<select name="sel01">
    <option value="">未选择</option>
    <option value="011">选择项011</option>
    <option value="012">选择项012</option>
</select>
当sel01选择项做出选择（即sel01的value<>""）时，自动显示出下一对下拉选择框
<select name="log01">
    <option value="AND">AND</option>
    <option value="OR">OR</option>
</select><br>
<select name="sel02">
    <option value="">未选择</option>
    <option value="021">选择项021</option>
    <option value="022">选择项022</option>
</select>
当sel02选择项做出选择（即sel02的value<>""）时，自动显示出第三对下拉选择框
......如此循环，最多不超过8次上述循环。
不知道上述能否被理解。感谢支持

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

运用隐藏，最笨的方法
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD><BODY>
<FORM METHOD=POST ACTION="" name = "frm1">
<TABLE border=0 width="100%">
<TR>
<TD width="50%">
<select name="sel01" onchange="displays(this.value)">
<option value="">未选择</option>
<option value="011">选择项011</option>
<option value="012">选择项012</option>
</select>
</TD>
<TD id = "hidlog01" style="display:none">
<select name="log01">
<option value="AND">AND</option>
<option value="OR">OR</option>
</select>
</TD>
</TR>
<TR>
<TD id = hidsel02 style="display:none">
<select name="sel02">
<option value="">未选择</option>
<option value="021">选择项021</option>
<option value="022">选择项022</option>
</select> </TD>
<TD> </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<body>
<table id="test_table" border="1">
<tr><td>　</td></tr>
</table>
</body>
<script>
var table=document.getElementById("test_table");
var curId=1;
function init(){
   curId=1; //这样即使选择菜单的后腿，也不会有问题
   var cell=table.rows[0].cells[0];
   cell.innerHTML=buildSelectCtlHtml(curId);
}

function disNext(obj){
  if(obj.value=="") return;
  var name=obj.name;
  var thisId=name.substring("sel0".length)*1;
  if(thisId>=8 || curId>=8) return; //已经选择过了的select,再选择就什么事都不做
  curId++;
  var row=table.insertRow(table.rows.length);
  var cell=row.insertCell(0);
  cell.innerHTML=buildSelectCtlHtml();
}

function buildSelectCtlHtml(){
var html="<select onchange='disNext(this)'  name='sel0"+curId+"'><option value=''>未选择</option><option value='021'>选择项021</option><option value='022'>选择项022</option></select>";
return html;
}

function doNothing(){
return ;
}
init();
</script>
</html>
感谢各位，现在是用这样的方式，
function selchange()
{
  var condsel=document.all['condsel']
  var condlogic=document.all['condlogic']
  for(i=0;i<condsel.length-1;i++)
  {
    if(document.mainform.condsel[i].value=='')
    {
      for(j=i;j<=5;j++)
      {
        document.mainform.condlogic[j].style.visibility='hidden';
        document.mainform.condlogic[j].value='AND';
        document.mainform.condsel[j+1].style.visibility='hidden';
        document.mainform.condsel[j+1].value='';
       }
     }
     else
     {
       document.mainform.condlogic[i].style.visibility='visible';
       document.mainform.condsel[i+1].style.visibility='visible';
      }
  }
}
</script>