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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
vue复合组件实现注册表单功能
Nov 06 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 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 return语句另类用法不止是在函数中
2014/09/17 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
深入理解JavaScript中的对象
2015/06/04 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
vuex Module将 store 分割成模块的操作
2020/12/07 Vue.js
用python写asp详细讲解
2013/12/16 Python
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
python学习必备知识汇总
2017/09/08 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
Miller Harris官网:英国小众香水品牌
2020/09/24 全球购物
入党申请人的自我鉴定
2013/12/01 职场文书
高中历史教学反思
2014/02/08 职场文书
李开复演讲稿
2014/05/24 职场文书
出纳工作检讨书
2014/10/18 职场文书
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers