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 相关文章推荐
dwr spring的集成实现代码
Mar 22 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
jQuery基于ajax操作json数据简单示例
Jan 05 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
May 09 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
在项目vue中使用echarts的操作步骤
Sep 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
克隆一个新项目的快捷方式
2013/04/10 PHP
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
php-fpm配置详解
2014/02/12 PHP
6个超实用的PHP代码片段
2015/08/10 PHP
PHP实现上传图片到数据库并显示输出的方法
2018/05/31 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
react路由配置方式详解
2017/08/07 Javascript
js数组去重的方法总结
2019/01/18 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
Python文件去除注释的方法
2015/05/25 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
python学习教程之使用py2exe打包
2017/09/24 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
详解Python的三种拷贝方式
2020/02/11 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
几个常见的消息中间件(MOM)
2014/01/08 面试题
如何写一份好的自荐信
2014/01/02 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
房地产广告策划方案
2014/05/15 职场文书
主要负责人任命书
2014/06/06 职场文书
生产助理岗位职责
2014/06/18 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
上诉状格式
2015/05/23 职场文书
高三英语教学反思
2016/03/03 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书
在js中修改html body的样式
2021/11/11 Javascript