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 布尔操作符解析  &amp;&amp; || !
Aug 10 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
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里面的抽象类
2010/01/28 PHP
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
jQuery focus和blur事件的应用详解
2014/01/26 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
jQuery访问json文件中数据的方法示例
2019/01/28 jQuery
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
python 文件与目录操作
2008/12/24 Python
python实现udp数据报传输的方法
2014/09/26 Python
TensorFlow实现RNN循环神经网络
2018/02/28 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
决心书标准格式
2014/03/11 职场文书
先进个人推荐材料
2014/12/29 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP
如何用PHP实现多线程编程
2021/05/26 PHP
JavaScript实现队列结构过程
2021/12/06 Javascript
Python学习之包与模块详解
2022/03/19 Python
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技