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 相关文章推荐
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
JS+CSS实现仿新浪微博搜索框的方法
Feb 24 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
Ant design vue中的联动选择取消操作
Oct 31 Javascript
用vue设计一个日历表
Dec 03 Vue.js
JavaScript前端面试组合函数
Jun 21 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与MySQL交互使用详解
2006/10/09 PHP
php header()函数使用说明
2008/07/10 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
php使用str_replace实现输入框回车替换br的方法
2014/11/24 PHP
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中title()方法的使用简介
2015/05/20 Python
基于Python os模块常用命令介绍
2017/11/03 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
python3人脸识别的两种方法
2019/04/25 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Python3的socket使用方法详解
2020/02/18 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
.net软件工程师面试题
2015/03/31 面试题
会展中心部门工作职责
2013/11/27 职场文书
大学自我鉴定范文
2013/12/26 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
初中中等生评语
2014/12/29 职场文书
质检员工作总结2015
2015/04/25 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
家长意见书
2015/06/04 职场文书
2016领导干部廉洁自律心得体会
2016/01/13 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
简述Java中throw-throws异常抛出
2021/08/07 Java/Android
PHP中多字节字符串操作实例详解
2021/08/23 PHP