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 ...
随机推荐
- mysqldump对于DB进行逻辑备份的时候,是否会备份视图呢?
需求描述: 今天在mysql备份的书的内容,提到了mysqldump在备份数据库的时候,不会备份视图 所以,就做了个实验测试下,发现,是能够备份视图的,在此记录下. 环境描述: Mysql版本:5.5 ...
- layui时间,table,大图查看,弹出框,获取音频长度,文件上传
1.引入: <link href="../../Scripts/layui-v2.3.0/css/layui.css" rel="stylesheet" ...
- mysql触发器使用方法具体解释
MySQL触发器语法具体解释: 触发器 trigger是一种特殊的存储过程.他在插入(inset).删除(delete)或改动(update)特定表中的数据时触发运行,它比数据本身标准的功能更精细和更 ...
- mybatis由浅入深day01_8输出映射_8.1resultType输出类型(8.1.1输出简单类型_8.1.2输出pojo对象和pojo列表_8.1.3输出hashmap)
8 输出映射 8.1 resultType(输出类型) 使用resultType进行输出映射,只有查询出来的列名和pojo中的属性名一致,该列才可以映射成功. 如果查询出来的列名和pojo中的属性名全 ...
- POJ 1014 Dividing(多重背包, 倍增优化)
Q: 倍增优化后, 还是有重复的元素, 怎么办 A: 假定重复的元素比较少, 不用考虑 Description Marsha and Bill own a collection of marbles. ...
- js里面函数的内部属性
1.arguments用來存放传输参数的集合,可以被调用多次,每次数組都不一样,增强了函数的强壮性 实例: function calc() { var sum = 0; /*参数为一个时候*/ if ...
- 《C++ Primer Plus》10.3 类的构造函数和析构函数 学习笔记
10.3.1 声明和定义构造函数构造函数原型:// constructor prototype with some default argumentsStock(const string &c ...
- JDBC--Result 获取返回集合
package jdbc.chap05; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql. ...
- IOS深入学习(20)之Object modeling
1 前言 本节简单的介绍了对象建模,以及需要注意的事项. 2 详述 对象建模是对设计通过一个面向对象应用检测和操作服务的对象或者类的加工.许多模型技术是可能的:Cocoa开发环境不推荐歧义性. 典型地 ...
- LeetCode - Nth Highest Salary
题目大概意思是要求找出第n高的Salary,直接写一个Function.作为一个SQL新手我学到了1.SQL中Function的写法和变量的定义,取值.2.limit查询分 页的方法. 在这个题 ...