下拉列表框的问题！！

Question

<style type=text/css>
#f {
  display:none;
}
</style>
<form name=form1>
  <select name=sel onchange="selFile()">
   <option value=1>first</option>
   <option value=2>second</option>
   ...
   <option value=n>...n</option>
  </select>  <input type=file name=file1 id=f>
  <input type=file name=file2 id=f>
  ...
  <input type=file name=filen id=f>
</form><script language=javascript>
var pre = null;
function selFile(){  var value = form1.sel.value;
  
  if (pre != null)
    eval("form1.file" + pre + ".style.display = 'none';");
    
  eval("form1.file" + value + ".style.display = 'block';");
  
  pre = form1.sel.value;}
</script>==========================
一开始用css先设置所有的file控件不可见
当选择下拉框的某一项时，在onchange事件函数selFile中完成你所需要的功能
其中,pre是全局变量用于保存上一次选择的select值。

Answer 1

是这样子吗?<form name="form1">
<div id="upload"></div>
<select name="sel" onchange="CreateFile(this.value)">
<option value="">请选择
<option value="1">第1集
<option value="2">第2集
<option value="3">第3集
</select>
<script>
function CreateFile(str)
{
    upload.innerHTML = "第" + str + "集:<input type='file' name='myfile'>";
    //隐藏下接框
    document.form1.sel.style.display='none';
}
</script>

Answer 2

<form name="form1">
<div id="upload"></div>
<select name="sel" onchange="CreateFile(this.value)">
<option value="">请选择
<option value="1">第1集
<option value="2">第2集
<option value="3">第3集
</select>
</form>
<script>
function CreateFile(str)
{
    upload.innerHTML = "第" + str + "集:<input type='file' name='myfile" + str +"'>";
    //隐藏下接框
    document.form1.sel.style.display='none';
}
</script>
取值的时候,
就是
document.form1.myfile1.value
document.form1.myfile2.value
...