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

请输入您要查询的考试资料:

 

标题 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/14 17:13:28