JS获取select的value和text值的简单实例


Posted in Javascript onFebruary 26, 2014
<select id = "cityList" >   
<select id = "selectId" >   
   <option value = "0">第0个</option>   
</select>   <script>   
    var selectObj = document.getElementById('selectId');   
    // 通过对象添加option   
    selectId.add(new Option("第一个","1"))   
    selectId.add(new Option("第二个","2"))   
    // 通过id添加option   
    selectId.add(new Option("第三个","3"))   
    selectId.add(new Option("第四个","4"))   
    // 通过id添加方法(也可以通过对象添加方法)   
    selectId.onchange = function(){   
        // 通过对象获取value和text   
        alert(selectObj.value);   
        alert(selectObj.options[selectObj.selectedIndex].text);   
        // 通过 id 获取value和text   
        alert(selectId.value);   
        alert(selectId.options[selectId.selectedIndex].text);   
        // 还可以通过this获取value和text   
        alert(this.value);   
        alert(this.options[this.selectedIndex].text);   
    };   
</script> 
Javascript 相关文章推荐
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
Dec 25 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
使用vue制作探探滑动堆叠组件的实例代码
Mar 07 Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 #Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 #Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 #Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 #Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 #Javascript
Javascript高级技巧分享
Feb 25 #Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 #Javascript
You might like
php.ini 中文版
2006/10/28 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
nodejs获取微信小程序带参数二维码实现代码
2017/04/12 NodeJs
原生JS发送异步数据请求
2017/06/08 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
js实现简单的秒表
2020/01/16 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
python tkinter界面居中显示的方法
2018/10/11 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
python中rc1什么意思
2020/06/19 Python
小学生学习雷锋倡议书
2014/05/15 职场文书
音乐幼师求职信
2014/07/09 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
小学班主任评语
2014/12/29 职场文书
2015年话务员工作总结
2015/04/29 职场文书
Python 匹配文本并在其上一行追加文本
2022/05/11 Python