zoukankan      html  css  js  c++  java
  • js总结:利用js获取下拉框的value值和文本值

    select下拉框在项目开发中是经常用到的,特别是在联级菜单方面的应用更为广泛。但是,对于一些初学者来说,如何获取下拉框子节点option的value值和文本内容,还是有一点难度的。

    html代码:

     </HEAD>

       <BODY>

          

         书籍分类:

         <select id="s1" >

             <option value="1">教学类</option>

             <option value="2"> 技术类</option>

         </select>

     </BODY>

     </HTML>

     

    javascrtipt代码:

     

    window.onload = function(){

       

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

            var select = document.getElementById("s1");

           

            //1.如何获得当前选中的值?:

            var value = select.value;

           

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

            var options = select.options;

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

           

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

            var value1 = options[0].value;

            //4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样:

            var text1 = options[0].text;

           

            //5.如何获得当前选中的option的索引?

            var index = select.selectedIndex;

           

            //6.如何获得当前选中的option的文本内容?

            //从第2个问题,我们已经获得所有的option的对象数组options了

            //又从第5个问题,我们获取到了当前选中的option的索引值

            //所以我们只要同options[index]下标的方法得到当前选中的option了

            var selectedText = options[index].text;

        }

     

  • 相关阅读:
    Processing中PImage类和loadImage()、createImage()函数的相关解析
    基于Maxmspjitter的基础【pixel shader】绘制模板Patcher
    Processing多窗口程序范例(三)
    SpringBoot:基于注解的@CachePut
    Android开发—错误记录1:W/System.err: java.net.ConnectException: Connection refused
    自控力第一章-我要做,我不要,我想要:什么是意志力?为什么意志力至关重要
    超算结课小结
    linpack_2
    搭建Linpack
    汇编程序返回dos
  • 原文地址:https://www.cnblogs.com/iCheny/p/8798914.html
Copyright © 2011-2022 走看看