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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
用jQuery扩展自写的 UI导航
Jan 13 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
JS实现字符串转日期并比较大小实例分析
Dec 09 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
RequireJs的使用详解
Feb 19 Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 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
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
php array_intersect()函数使用代码
2009/01/14 PHP
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
php防止伪造的数据从URL提交方法
2014/06/27 PHP
浅析PHP开发规范
2018/02/05 PHP
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
jQuery解析json数据实例分析
2015/11/24 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
原生js实现购物车
2020/09/23 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
个人作风建设自查报告
2014/10/22 职场文书
2014教师评职称工作总结
2014/11/10 职场文书
2014年就业工作总结
2014/11/26 职场文书
期末考试复习计划
2015/01/19 职场文书
实习班主任自我评价
2015/03/11 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android