文本框和下拉框的关联

如果数据是已知的可以先读出来,设置隐藏,再用JS控制显示.
要不然就用Ajax..

解决方案 »

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

<html>
   <head>
     <title>Example</title>
   </head>
   <body>
     <div id="mydiv" style="float:left; height: 22px;">
     <input type="text" id="count" />
     <select id="select" style="display:none" />
     </div>
     <input type="button" value="Click" onclick="addSelects()"/>
</body>
        <script>
var datas = ['a','b','c','d','e']; function addSelects(){
var count = document.getElementById('count').value;
for (var i = 0 ; i < count ; i++){
addSelect();
}
}
function addSelect(){
var newSelect = document.getElementById('select').cloneNode(true);
newSelect.style.display='';
setValue(newSelect);
document.getElementById('mydiv').appendChild(newSelect);
}
function setValue(obj){
obj.options.add(new Option(datas[0],datas[0]));
obj.options.add(new Option(datas[1],datas[1]));
obj.options.add(new Option(datas[2],datas[2]));
obj.options.add(new Option(datas[3],datas[3]));
obj.options.add(new Option(datas[4],datas[4]));
}
        </script></html>你看看这段代码有没参考价值。
先把数据取出来，然后在SetValue函数中动态地用这些数据创建Option。
借用代码，改编 function Show_Select()
  {
   var a = null;
   a = testForm.t1.value;
   if(a==1)
   {
   var showObj=document.getElementById("showDiv");
   showObj.style.marginTop = 80 +  document.documentElement.scrollTop + "px";
   divDetail.innerHTML="<select></select>"
   }
   else if(a==2)
   {
   var showObj=document.getElementById("showDiv");
   showObj.style.marginTop = 80 +  document.documentElement.scrollTop + "px";
   divDetail.innerHTML="<select></select><select></select>"
   }
    else if(a==3)
   {
   var showObj=document.getElementById("showDiv");
   showObj.style.marginTop = 80 +  document.documentElement.scrollTop + "px";
   divDetail.innerHTML="<select></select><select></select><select><s/select>"
   }
  }
<form name="testForm" action="">
  <input type="text" name="t1">
  <div id="showDiv">
  <div id="divDetail"></div>
  </div>
  <input type="button" onClick="Show_Select()">
</form>
楼上的代码可以改编为FOR循环动态添加<SELECT>
利用for循环应该可以解决任意多个下拉框的生成。