欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

JS获取select选中项的值 有大用 有大大用

在HTML中,<Select>标签下的内容,代表下来列表选项。可以通过JS的操作,来获取被选项的索引(index)、值(value)、内容(text)

工具/原料
       

  • 电脑一台
  • javascript

方法/步骤
       

  1. 新建一个HTML文件,并定义一个:下拉列表

    示例代码:

    <select name="sop" id="sop">

        <option value="0">op-1</option>

        <option value="1">op-2</option>

        <option value="2">op-3</option>

    </select>

    JS获取select选中的值                    
    JS获取select选中的值                    
  2. 定义JS标签,

                           JS操作第一步:(取对象),获取JS要操作的DOM对象

    示例代码:

    var sop=document.getElementById("sop");

    JS获取select选中的值                    
  3. JS操作第一步:(取索引),获取JS对象的索引值(index)

    示例代码:

    var index=sop.selectedIndex;                    

    JS获取select选中的值                    
  4. JS操作第三步:(取值),获取JS操作对象的值(value),

    示例代码:

    var gv=sop.value;

    或者使用索引,

    var gv=sop[index].value;

    JS获取select选中的值                    
    JS获取select选中的值                    
  5. 如果JS的操作是要取内容(text),需要用到索引值,否则会报“undefined”

    示例代码:

    var gt=sop[index].text;

    JS获取select选中的值                    
    JS获取select选中的值                    
    END                

注意事项
       

  • 取value值不需要索引,取内容text需要使用索引
  • 喜欢此教程,请记得投票和点赞

软件基本信息

           
名称:Select                
大小:24.65M|版本:1.63.1|系统:Android                
内容由百度移动应用提供            
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
举报作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。

来自  https://jingyan.baidu.com/article/c45ad29c0e35fd051753e23b.html

普通分类: