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 相关文章推荐
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
js调用后台servlet方法实例
Jun 09 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
Jun 03 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
vue router返回到指定的路由的场景分析
Nov 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
phpfans留言版用到的install.php
2007/01/04 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
php表单提交实例讲解
2015/11/12 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
javascript轮播图算法
2016/10/21 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
JavaScript常用工具函数库汇总
2020/09/17 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
举例讲解Python中的死锁、可重入锁和互斥锁
2015/11/05 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
员工自我鉴定
2013/10/09 职场文书
连锁经营管理专业大学生求职信
2013/10/30 职场文书
应征英语教师求职信
2013/11/27 职场文书
职业生涯规划书基本格式
2014/01/06 职场文书
给医务人员表扬信
2014/01/12 职场文书
《水上飞机》教学反思
2014/04/10 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers