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 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
javascript实现表单验证
Jan 29 Javascript
微信小程序 教程之引用
Oct 18 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 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 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP 正则表达式小结
2015/02/12 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
详解jQuery中的事件
2016/12/14 Javascript
React简单介绍
2017/05/24 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
Python装饰器语法糖
2019/01/02 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
python实现代码统计器
2019/09/19 Python
python 创建一维的0向量实例
2019/12/02 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
建筑人员岗位职责
2013/12/25 职场文书
2014年度思想工作总结
2014/11/27 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
golang中的空接口使用详解
2021/03/30 Python
宝塔更新Python及Flask项目的部署
2022/04/11 Python
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS