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 ...
随机推荐
- [Java并发包学习七]解密ThreadLocal
概述 相信读者在网上也看了非常多关于ThreadLocal的资料,非常多博客都这样说:ThreadLocal为解决多线程程序的并发问题提供了一种新的思路:ThreadLocal的目的是为了解决多线程訪 ...
- js 离开页面
序言 大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统.信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失.这里面的实现过程 ...
- [转] Windows局域网通过NTP设置时间同步
NTP(Network Time Protocol,网络时间协议)是用来使网络中的各个计算机时间同步的一种协议. 如果局域网计算机(Windows系统)可以连接Internet,可以通过“控制面板”— ...
- Oracle居然把Java EE的未来押在Rest API上了
然而Lehman并不赞同Rahman对Java EE 9的说法,所以他重申Oracle暂时专注于Java EE 8."我们正在倾全力推出EE 8,现在这是我们主要的关注点," ...
- .NETFramework、C#、VisualStudio 这三者之间关系,你了解吗!
.NetFrameWork 是微软开发的以"虚拟机"运行,以通用语言运行库为基础,在其上面进行各种语言开发的一个开发平台. C# 是一个和平台更好交互,以托管在虚拟机上的一个语法糖 ...
- Java 基本语法----进制、运算符
进 制 对于整数,有四种表示方式: 二进制:0,1 ,满 2 进 1.以 0b 或 0B 开头.十进制:0-9 ,满 10 进 1. 八进制:0-7 ,满 8 进1. 以数字 0 开头表示.十六进制: ...
- ZooKeeper(四)-- 第三方客户端 ZkClient的使用
前言 zkClient主要做了两件事情: 一件是在session loss和session expire时自动创建新的ZooKeeper实例进行重连. 另一件是将一次性watcher包装为持久watc ...
- iOS 9 分屏多任务:入门(中文版)
本文转载至 http://www.cocoachina.com/ios/20150714/12555.html 本文由钢铁侠般的卿哥(微博)翻译自苹果官方文档:Adopting Multitaskin ...
- 通过([AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.Read)] )在前台html页面调用cs方法
app_code中CS代码( Cs页面文件名public class ajaxGET): [AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement ...
- hql 语法与详细解释<转>
HQL查询 HQL查询: Criteria查询对查询条件进行了面向对象封装,符合编程人员的思维方式,不过HQL(Hibernate Query Lanaguage)查询提供了更加丰富的和灵活的查询特性 ...