怎么访问第一个option的值？

Question

<select id="constellation" name="constellation">
<option value="Aries" selected="selected">白羊</option>
<option value="Taurus">金牛</option>
<option value="Gemini">双子</option>
<option value="Cancer">巨蟹</option>
<option value="Leo">狮子</option>
<option value="Virgo">处女</option>
<option value="Libra">天秤</option>
<option value="Scorpio">天蝎</option>
<option value="Sagittarius">射手</option>
<option value="Capricorn">摩羯</option>
<option value="Aquarius">水瓶</option>
<option value="Pisces">双鱼</option>
</select>

Answer 1

alert(document.getElementsByTagName('option')[0].value)

Answer 2

var v = document.getElementById('constellation').getElementsByTagName('option')[0].value;
alert(v);

Answer 3

alert(document.getElementById('constellation').options[0].value)

Answer 4

用jquery很方便的，
如果第一个值是选中的话，就用$("#constellation").val()就可以。
没选中的话，$("#constellation option").first()有问题请到我的博客留言，我会及时回复的。

Answer 5

<select id="constellation" name="constellation">
<option value="Aries" selected="selected">白羊</option>
<option value="Taurus">金牛</option>
<option value="Gemini">双子</option>
<option value="Cancer">巨蟹</option>
<option value="Leo">狮子</option>
<option value="Virgo">处女</option>
<option value="Libra">天秤</option>
<option value="Scorpio">天蝎</option>
<option value="Sagittarius">射手</option>
<option value="Capricorn">摩羯</option>
<option value="Aquarius">水瓶</option>
<option value="Pisces">双鱼</option>
</select>
   <script>
document.getElementById('constellation').onchange = function(){
var value = this[this.selectedIndex].value;
if(value == document.getElementById('constellation').options[0].value){
alert('是选择的第一个')
}else{
alert('不是第一个')
}
}
        </script>

Answer 6

 var ind =  document.getElementById('constellation').selectedIndex;
if(ind == 0)
  alert('你想做啥就做啥');

Answer 7

alert(document.getElementById('constellation').options[0].value)