js如何获取select下拉框的value以及文本内容

书籍分类:

       

   

教学类   

   

技术类  

 

window.onload =function(){

        //首先获得下拉框的节点对象；

       varselect = document.getElementById("s1");

        //1.如何获得当前选中的值？：

varvalue = select.value;

        //2.如何获得该下拉框所有的option的节点对象

varoptions = select.options;

        //注意：得到的options是一个对象数组

//3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样：

varvalue1 = options[0].value;

        //4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样：vartext1 = options[0].text;

        //5.如何获得当前选中的option的索引？varindex = select.selectedIndex;

        //6.如何获得当前选中的option的文本内容？//从第2个问题，我们已经获得所有的option的对象数组options了//又从第5个问题，我们获取到了当前选中的option的索引值//所以我们只要同options[index]下标的方法得到当前选中的option了varselectedText = options[index].text;

    }