JS获取select的value和text值的简单实例_javascript技巧

复制代码 代码如下:

  
  
   第0个  
  

<script> <BR> var selectObj = document.getElementById('selectId'); <BR> // 通过对象添加option <BR> selectId.add(new Option("第一个","1")) <BR> selectId.add(new Option("第二个","2")) <BR> // 通过id添加option <BR> selectId.add(new Option("第三个","3")) <BR> selectId.add(new Option("第四个","4")) <BR> // 通过id添加方法（也可以通过对象添加方法） <BR> selectId.onchange = function(){ <BR> // 通过对象获取value和text <BR> alert(selectObj.value); <BR> alert(selectObj.options[selectObj.selectedIndex].text); <BR> // 通过 id 获取value和text <BR> alert(selectId.value); <BR> alert(selectId.options[selectId.selectedIndex].text); <BR> // 还可以通过this获取value和text <BR> alert(this.value); <BR> alert(this.options[this.selectedIndex].text); <BR> }; <BR></script>