js代码赋值触发select控件的onchange事件
嗯,现在在一个小公司实习,直接接触代码收获不小。 现在有个需求是4级联动的select过滤,需要js代码赋值并触发onchange来调用ajax方法,于是问题是怎样触发,找了些资料并且自己尝试了一下,验证无误。
代码在chrome、IE8、ff浏览器测试均通过,记在这里以备查阅~
<html><head></head><body><select id="sel" name="mysel" onchange="A(this)" ><option value="1">11</option><option value="2">22</option><option value="3">33</option></select><script>var sel = document.getElementById('sel');sel.value = 2;sel.addEventListener("change", A(sel), false);function A(obj){alert(obj.value);}</script></body> </html>
嗯,关键就是 addEventListener 了,因为js库的需要,这里也直接给出了传递参数的例子,不传参数什么的根本就不用举例了对不对~?
转载于:https://www.cnblogs.com/lzxsdl/p/3924310.html
js代码赋值触发select控件的onchange事件相关推荐
- 使用button触发FileUpload控件的click事件
点击button触发FileUpload控件的click事件 通过点击button按钮触发FileUpload控件,避免因浏览器不同而导致FileUpload控件样式发生变化,影响页面效果. 注意:需 ...
- WdatePicker 日历控件的onchange事件无作用
2019独角兽企业重金招聘Python工程师标准>>> 来源:https://blog.csdn.net/gaoxiong335/article/details/70146664 在 ...
- Zend Framework 开发记录 - 代码片段–jquery–select控件
<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector"). ...
- Jquery获取select 控件的change事件时选中的值
HTML代码如下: <div class="col-sm-9 col-xs-12"><select id="groupid" class=&q ...
- html下拉列表插件,js+CSS实现模拟华丽的select控件下拉菜单效果
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个 ...
- elemtnui select控件结合树形控件 实现自定义搜索方法
业务需求: 可以从下拉框中选择数据,也可以自定义搜索. 前端效果: 1:从下拉框中选择 2:自定义搜索 3:单选并赋值:也就是选中那个就回显那个 代码实现: 1.首先需要用到select控件和tree ...
- 以编程方式在ASP.NET MVC中使用多个HTML Select控件
目录 介绍 使用代码 使用JQuery 使用Razor和C# 兴趣点 介绍 很多时候,我们使用JavaScript或JQuery代码来操纵HTML控件,却不知道ASP.NET MVC与Razor和C# ...
- ocx js php,JavaScript_JS实现OCX控件的事件响应示例,JS支持OCX控件的事件(event), - phpStudy...
JS实现OCX控件的事件响应示例 JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理. 个人理解,其实就是事件的响应由谁来完成,OCX控件自 ...
- 仿苹果 html5 combox,模仿combox(select)控件,不用为美化select烦恼了。
模仿combox(select)控件,不用为美化select烦恼了. 来源:中文源码网 浏览: 次 日期:2018年9月2日 模仿combox(select)控件,不用为美化select烦 ...
最新文章
- myeclipse如何修改tomcat的timeout
- WordPress 多媒体库添加分类和标签支持
- 埋坑一: vue中子组件调用兄弟组件方法
- 数据库MySQL基础---事务相关特性--连接池DBCP--C3P0--JavaBean--DBUtils工具
- spring定时任务配置,以及不执行的解决办法
- 强的离谱!串烧70+个Transformer模型,涵盖CV、NLP、金融、隐私计算...
- Android 手机UI界面设计采纳网站
- python自动化任务_更好用的 Python 任务自动化工具:nox 官方教程
- Mac os X 常用技巧
- 名词性从句的时态规则
- Learning with Pseudo-Ensembles
- Windows系统自带图标位置
- python-使用pycaw设置电脑音量(包含转换)
- 火灾隐患是查不完的,消防监管要着力于提升单位消防能力
- JavaScript实现异步请求并发数限制
- matlab如何在等值线填充图上叠加等值线
- HM二次开发 - 外部程序采用socket与HM实现通信
- 机器学习:python常用可视化技巧
- 中学计算机课小课题,小学信息技术课堂有效教学的探索课题
- 埋点 神策小程序_神策埋点思路