多表单document.getElementById更改无效

如下表两个表单，第二个按钮无法更改？也是是更改了第一个选择？为什么呢？

请选择您喜欢的水果：

苹果
桔子
菠萝
香蕉

请选择您喜欢的水果：

苹果
桔子
菠萝
香蕉

不论什么情况下，id永远唯一。
你这样写是不符合w3c标准的，当然第2个永远选不上。
正确的做法参考：

  苹果
  桔子
  菠萝
  香蕉

    onclick="document.getElementById('select1').value = 'orange'" 
    value="选择桔子" />



  苹果
  桔子
  菠萝
  香蕉

    onclick="document.getElementById('select2').value = 'orange'" 
    value="选择桔子" />

id应该唯一，不能重复 再看看别人怎么说的。