如何button实现控制多个select列表框？

Question

…

Answer 1

<script type="text/javascript">
var array = new Array("data1","data2","data3","data4","data5");
var index = 0;
function selectAll()
{
  var selects = document.getElementsByTagName("select");
  for(var i=0; i<selects.length; i++)
  {
    for(var j=0; j<selects[i].options.length; j++)
    {
      if(selects[i].options[j].text == array[index%5])
      {
         selects[i].options[j].selected = true;
      }
    }
  }
  index++;
}
</script>
<select id="select1">
<option value="0">data1</option>
<option value="1">data2</option>
<option value="2">data3</option>
<option value="3">data4</option>
<option value="4">data5</option>
</select>
<select id="select2">
<option value="3">data4</option>
<option value="4">data5</option>
<option value="0">data1</option>
<option value="1">data2</option>
<option value="2">data3</option>
</select>
<input type="button" value="Display" onclick="selectAll()" />