JS获取select-option-text_value的方法


Posted in Javascript onDecember 26, 2013

HTML代码:

<select id="month" onchange="selectInput(this)">
    <option  value="01">January</option>
    <option  value="02">February</option>
    <option  value="03">March</option>
    <option  value="04">April</option>
    <option  value="05">May</option>
    <option  value="06">June</option>
    <option  value="07">July</option>
    <option  value="08" selected="selected">August</option>
    <option  value="09">September</option>
    <option  value="10">October</option>
    <option  value="11">November</option>
    <option  value="12">December</option>
</select>

用jQuery获取 select选中对象的value、text

$(function(){
    $("#month").change(function() {
        alert($(this).find("option:selected").val());
        alert($(this).find("option:selected").text());
    });
});

如果用JS获取 select选中对象的value是很容易的

function selectInput(oSelect) {
    alert(oSelect.value);
}

如果要用JS获取 select选中对象的text呢 ?

function selectInput(oSelect) {
    alert(oSelect.options[oSelect.selectedIndex].text);
}

如果select 没有默认则设第一个为默认?

document.getElementById("test“).options[0].selected=true;
Javascript 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
js prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
JS 显示当前日期与时间的代码
Mar 24 Javascript
jQuery示例收集
Nov 05 Javascript
js模拟滚动条(横向竖向)
Feb 22 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
深入理解(function(){... })();
Aug 16 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
深入解析ES6中的promise
Nov 08 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
js中split函数的使用方法说明
Dec 26 #Javascript
js中reverse函数的用法详解
Dec 26 #Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 #Javascript
js浮点数保留两位小数点示例代码(四舍五入)
Dec 26 #Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 #Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 #Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 #Javascript
You might like
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
Python将xml和xsl转换为html的方法
2015/03/10 Python
Python调用服务接口的实例
2019/01/03 Python
Python计算信息熵实例
2020/06/18 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
马来西亚网上购物:Youbeli
2018/03/30 全球购物
投资意向书范本
2014/04/01 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
甜品店创业计划书
2014/09/21 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
公务员政审个人总结
2015/02/12 职场文书
测量员岗位职责
2015/02/14 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
防溺水主题班会教案
2015/08/12 职场文书
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle