select控件 name与id属性

larkinwang

把下面程序写在记事本里，保存为.html文件，看效果

<form>
<select   id="s1"   name="s1"   onchange=chk()>   
  <option>1   
  <option>2   
  <option>3   
  <option>4   
  </select>   
  <select   id="s1"   name="s2"   onchange=chk()>   
  <option>1   
  <option>2   
  <option>3   
  <option>4   
  </select>   
  <select   id="s1"   name="s3"   onchange=chk()>   
  <option>1   
  <option>2   
  <option>3   
  <option>4   
  </select>   
  <select   id="s1"   name="s4"   onchange=chk()>   
  <option>1   
  <option>2   
  <option>3   
  <option>4   
  </select>
  <input type="button" name="a" value="提交" onclick="chk()">  
  <script>   
  function   chk(){   
  var   s   =   document.getElementById("s1");   
    for(i=0;i<s.length;i++){   
        alert('页面上有select控件'+'s['+i+']');   
         
    }   
  }   
  </script>