大众计算机学习网

专门提供各种电脑教程

Javascript遍历网页中所有的select对象的索引的代码

Admin | 2011-4-5 8:37:17 | 被阅次数 | 5837

  一、网页中的源select对象的html代码如下

<body>
<form name="myform">
<p>第一题:题目省略</p>
<p>A、答案 B、答案 C、答案 D、答案</p>
<p>答案选择
  <select name="select">
    <option>选择答案</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
  </select>
</p>
  <p>第二题:题目省略</p>
<p>A、答案 B、答案 C、答案 D、答案</p>
<p>答案选择
  <select name="select">
    <option>选择答案</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
  </select>
</p> 

<p>第三题:题目省略</p>
<p>A、答案 B、答案 C、答案 D、答案</p>
<p>答案选择
  <select name="select">
    <option>选择答案</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
  </select>
</p> 

 <input type="checkbox" name="checkbox1" value="checkbox" onclick="Mycheck();"/>
  评卷
</p>
</form>

  二、Javascript遍历所有的select的代码

  <script>
  function Mycheck(){
  var checkbox1=document.forms["myform"]["checkbox1"];
   if(checkbox1.checked)
   {
       CheckExam();
   }
  }
  function CheckExam(){
  var Myselect=document.myform.select; 
  for (i=0;i<Myselect.length;i++)
  {
    alert(Myselect[i].selectedIndex);
  }
  }
  </script>