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 相关文章推荐
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
绑定回车enter事件代码
May 18 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
js实现鼠标点击页面弹出自定义文字效果
Dec 24 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 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实现ODBC数据分页显示一例
2006/10/09 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
javascript 学习之旅 (3)
2009/02/05 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
2012/07/20 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python中的变量和作用域详解
2016/07/13 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python实现定时发送qq消息
2019/01/18 Python
在Python中COM口的调用方法
2019/07/03 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
康拓普公司Java笔面试
2016/09/23 面试题
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
学校工作推荐信范文
2014/07/11 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
小学生通知书评语
2014/12/31 职场文书
中秋客户感谢信
2015/01/22 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis