网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 jquery及原生js获取select下拉框选中的值示例
范文
    有一id=test的下拉框,怎么拿到选中的那个值呢?本文将采用javascript原生的方法及jquery方法(前提是已经加载了jquery库)来简单实现下
    现在有一id=test的下拉框,怎么拿到选中的那个值呢? 
    分别使用javascript原生的方法和jquery方法 
    代码如下:
    <select id="test" name=""> 
    <option value="1">text1</option> 
    <option value="2">text2</option> 
    </select> 
    一:javascript原生的方法 
    1:拿到select对象: var myselect=document.getElementById("test"); 
    2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 
    3:拿到选中项options的value: myselect.options[index].value; 
    4:拿到选中项options的text: myselect.options[index].text; 
    二:jquery方法(前提是已经加载了jquery库) 
    1:var options=$("#test option:selected"); //获取选中的项 
    2:alert(options.val()); //拿到选中项的值 
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/16 3:27:08