如何使用JS来控制select列表

Question

<select name="stars" >
        <option value="★★★★★">★★★★★</option>
        <option value="★★★★">★★★★</option>
        <option value="★★★">★★★</option>
        <option value="★★">★★</option>
      </select>我想用JS来实现，让页面加载的时候自动选择上<option value="★★★">★★★</option>
请问代码是怎样？

Answer 1

在你想显示的列表项里加个属性：selected就行了<select name="stars" > 
        <option value="★★★★★">★★★★★ </option> 
        <option value="★★★★">★★★★ </option> 
        <option value="★★★" selected>★★★ </option> 
        <option value="★★">★★ </option> 
      </select> 

Answer 2

1L 在页面生成时已经确定是哪个要被选中时可以，如果涉及到选中 option 由其他页面中变量值来确定，就需要使用 javascript 等客户端语言。
<select name="stars" id="stars"> 
        <option value="★★★★★">★★★★★ </option> 
        <option value="★★★★">★★★★ </option> 
        <option value="★★★">★★★ </option> 
        <option value="★★">★★ </option> 
      </select> 
<script language=javascript> 
 // 设置 select 控件的 selectedIndex 值为被选项的顺序号（基于0）
 document.getElementById("stars").selectedIndex = 2;
</script>

Answer 3

谢谢楼上两位朋友！可是我想根据select的值来自动选择上option，不是根据序号哦！代码应该如何改呢？