zoukankan      html  css  js  c++  java
  • js获取select标签选中的值

    js获取select标签选中的值

    遇到一个问题。需要利用JavaScript代码获取下拉框选中的值。

    下拉框部分代码:

    1 <select  id="day">
    2     <option value="0">不限</option>
    3     <option value="1">一天</option>
    4     <option value="2">两天</option>
    5     <option value="3">三天</option>
    6 </select>

    获取方式一:原生JavaScript

    1 var myselect = document.getElementById("day");  //获取select对象
    2 var index = myselect.selectedIndex;         //获取被选中的索引
    3 var day = myselect.options[index].value;      //获取被选中的值
    4 alert(day);    //检验是否成功获取

    获取方式二:JQuery

    首先要保证已经引入了jQuery库。

    var options = $("#day option:selected");    //获取选中项
    var day = options.val();              
    //获取选中项的值
    alert(day);                      
    //检验是否获取到值
  • 相关阅读:
    软件工程结课总结
    第13次作业--邮箱的正则表达式
    第12次作业--你的生日
    第10次作业
    找回感觉的练习
    第四次博客作业-结对项目
    Java16周作业
    Java 15周作业
    Java 14 周作业
    第13周作业集
  • 原文地址:https://www.cnblogs.com/itzhouq/p/selected.html
Copyright © 2011-2022 走看看