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 相关文章推荐
javascript 触发HTML元素绑定的函数
Sep 11 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
javascript页面动态显示时间变化示例代码
Dec 18 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 Javascript
跟我学习javascript的定时器
Nov 19 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 Javascript
详解Vue router路由
Nov 20 Vue.js
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
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
解析php中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
php selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
PHP迭代器接口Iterator用法分析
2017/12/28 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
jQuery中调用WebService方法小结
2011/03/28 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
python执行子进程实现进程间通信的方法
2015/06/02 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
Python编程中类与类的关系详解
2019/08/08 Python
Python列表list操作相关知识小结
2020/01/29 Python
彪马日本官网:PUMA日本
2019/01/31 全球购物
ORACLE十问
2015/04/20 面试题
EntityManager都有哪些方法
2013/11/01 面试题
入党思想汇报
2014/01/05 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书