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 相关文章推荐
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
JavaScript mapreduce工作原理简析
Nov 25 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
node+express+ejs使用模版引擎做的一个示例demo
Sep 18 Javascript
Vue中computed与methods的区别详解
Mar 24 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
vue中$nextTick的用法讲解
Jan 17 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 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 常用字符串函数总结
2008/03/15 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
2015/03/05 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
2017/11/15 Javascript
基于IView中on-change属性的使用详解
2018/03/15 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Django中的forms组件实例详解
2018/11/08 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
办公室文秘自我评价
2013/09/21 职场文书
成人教育自我鉴定
2013/11/01 职场文书
员工自我工作评价
2015/03/06 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python