Select触发事件
案例1:
<script type="text/JavaScript">
function gradeChange(){
var objS = document.getElementById("weather-select");
var valueStr = objS.options[objS.selectedIndex].value;
alert(valueStr);
}
</script> <select id="weather-select" style="width:100%;" onchange="gradeChange()">
<optgroup label="港澳台、直辖市">
<option value="beijing" selected>北京</option>
<option value="shanghai">上海</option>
<option value="tianjin">天津</option>
<optgroup label="xxx">
<option value="zhongqing">重庆</option>
<option value="xianggang">香港</option>
</optgroup>
<option value="aomen">澳门</option>
<option value="taibei">台北</option>
</optgroup>
</select>
案例2:
js代码:
<script type="text/javascript">
var setitem = new Array(4);
for(i=0;i<4;i++){
setitem[i] = new Array();
}
setitem[0][0] = new Option("请选择"," ");
setitem[1][0] = new Option("小学数学","小学数学");
setitem[1][1] = new Option("小学语文","小学语文");
setitem[1][2] = new Option("小学英语","小学英语"); setitem[2][0] = new Option("中学数学","中学数学");
setitem[2][1] = new Option("中学语文","中学语文");
setitem[2][2] = new Option("中学英语","中学英语");
setitem[2][3] = new Option("中学政治","中学政治"); setitem[3][0] = new Option("大学数学","大学数学");
setitem[3][1] = new Option("大学语文","大学语文");
setitem[3][2] = new Option("大学英语","大学英语");
setitem[3][3] = new Option("大学英语","大学英语");
setitem[3][4] = new Option("大学物理","大学物理");
setitem[3][5] = new Option("大学政治","大学政治"); function onS1change(index){
var sell1 = document.getElementById("sell1");
sell1.length = 0;//删除所有选项
for(i=0;i<setitem[index].length;i++){
sell1.options[i] = setitem[index][i];
} sell1.options[0].select = true; }
function onS2change(str1,str2){
alert(str1+" "+str2);
} </script>
<form name="form1" id="form1">
<label>您的身份是
<select name="sell" onchange="onS1change(this.value)">
<option value="0">请选择</option>
<option value="1">小学生</option>
<option value="2">中学生</option>
<option value="3">大学生</option>
</select>
</label> <label>您最喜欢的科目 <select id="sell1" "> </select>
</label>
<br/>
<input type="submit" name="Submit" onclick="onS2change(sell.value,sell1.value)">
</form>
注意点: str1是描述,str2是值
new Option("str1","str2")
<option value="这里是str2">这里是str1</option>
获取value:
var sell = document.getElementById("sell");
alert(sell.options[sell.options.selectedIndex].value);
获取text
var sell = document.getElementById("sell");
alert(sell.options[sell.options.selectedIndex].text);
Select触发事件的更多相关文章
- js 动态加载select触发事件
动态加载select后,手动调用一下 subjectChange函数,模拟触发change事件 function hallidChange(value) { $.ajax({ type: " ...
- select 触发事件
需求:现在需要获取用户选择的选项,同时获取里面自定义的字段. 因为option没法设置事件 <select class="form-control js-example-basic-s ...
- js 触发select onchange事件
select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,本文为大家介绍下使用js触发select onchange事件select 或text的o ...
- html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick="select();"。做购物车页面时会要用到。
关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="s ...
- 实现 select中指定option选中触发事件
我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发. ...
- LayUI中select下拉框选中触发事件
代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...
- select列表遍历和触发事件
1.以下两种都是jquery获取select列表被选中的value.var strText=$("#select_id").find("option:selected&q ...
- 关于select下拉框选择触发事件
最开始使用onclick设置下拉框触发事件发现会有一些问题: <select> <option value="0" onclick="func0()&q ...
- jQuery-1.9.1源码分析系列(十) 事件系统——主动触发事件和模拟冒泡处理
发现一个小点,先前没有注意的 stopPropagation: function() { var e = this.originalEvent; ... if ( e.stopPropagation ...
随机推荐
- About {DynamicResource {x:Static SystemColors.ControlBrushKey}}
from : http://blog.sina.com.cn/s/blog_749e42850100sahi.html 前提: <system:String x:Key="{Compo ...
- 查看当前mysql数据库实例中,支持的字符集有哪些,或者是否支持某个特定字符集
需求描述: 查看当前mysql实例中支持哪些字符集,过滤特定的字符集 操作过程: 1.通过show character set来进行查看 mysql> show character set; + ...
- mybatis由浅入深day02_9.3.5使用生成的代码_9.4逆向工程注意事项
9.3.5 使用生成的代码 需要将生成工程中所生成的代码拷贝到自己的工程中. 拷这4个到我们原来的spring_mybatis1216工程下 ItemsMapper.java package cn.i ...
- mybatis由浅入深day01_5mybatis开发dao的方法(5.1SqlSession使用范围_5.2原始dao开发方法)
5 mybatis开发dao的方法 5.1 SqlSession使用范围 5.1.1 SqlSessionFactoryBuilder 通过SqlSessionFactoryBuilder创建会话工厂 ...
- 如何让input number类型的标签不产生上下加减的按钮
之前用 input type="number" 来放数字框,发现有个上下加减的东西,感觉不太好 这个容易出现0 然后减为负数 这种情况下怎么去掉右边的那个上下加减的小按钮呢?前端同 ...
- java集合的中的集合关系实现或继承关系图
放在这儿一目了然.
- osgEarth使用没有DX的Triton库Triton-MT-DLL-NODX.lib
将Triton-MT-DLL修改为Triton-MT-DLL-NODX
- 高性能LAMP程序设计
高性能LAMP程序设计 原文地址: http://www.infoq.com/cn/presentations/fcq-high-performance-lamp-programming 演讲稿: h ...
- system times on machines may be out of sync
今天在hadoop集群执行任务的时候报了一个这个错误,听名字应该是三台机器的时间不同步.于是同步一下时间即可解决 1.安装ntpdate工具 yum -y install ntp ntpdate 2. ...
- 【GIT】Git Flow最佳实践
Git Flow 工作流一共包含五种分支: 两个长期分支: 主分支 master:用于存放对外发布的版本,任何时候在这个分支拿到的,都是稳定的分布版 开发分支 develop:用于日常开发,存放最新的 ...