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 相关文章推荐
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
基于jquery的blockui插件显示弹出层
Apr 14 Javascript
JS高级笔记
Jul 13 Javascript
js实现图片旋转的三种方法
Apr 10 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
vue.js 实现点击按钮动态添加li的方法
Sep 07 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
JS class语法糖的深入剖析
Jul 07 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下保存远程图片到本地的办法
2010/08/08 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
python通过apply使用元祖和列表调用函数实例
2015/05/26 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
python 实现矩阵填充0的例子
2019/11/29 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
基于Python的OCR实现示例
2020/04/03 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
会计自我鉴定
2013/11/02 职场文书
岗位职责的定义
2013/11/10 职场文书
七一党建活动方案
2014/01/28 职场文书
药店主任岗位责任制
2014/02/10 职场文书
领导调研接待方案
2014/02/27 职场文书
房产继承公证书
2014/04/09 职场文书
《泉水》教学反思
2014/04/11 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
2015年教师节慰问信
2015/03/23 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
从原生JavaScript到React深入理解
2022/07/23 Javascript