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库的需要,这里也直接给出了传递参数的例子,不传参数什么的根本就不用举例了对不对~?

js代码赋值触发select控件的onchange事件

时间: 2024-10-18 14:00:08

js代码赋值触发select控件的onchange事件的相关文章

在asp.net页面上按回车会触发Imagebutton控件的Click事件

原文:在asp.net页面上按回车会触发Imagebutton控件的Click事件 问题: 用asp.net做的aspx页面,无论是否有文本框.下拉框.复选框……获得焦点,只要在当前页面上按一下回车就会触发该页面上的第一个Imagebutton控件的Click事件. 原因: 在form表单内部如果出现了input type="image"或者input type="submit"这些控件,都会自动接收表单上的回车事件 方案: 在页面上放2个imagebutton,第

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的: 1.原始方法:把事件写在file控件的onchange=""里面: 2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... }); 3.Jquery方法二: onchange后,生成一个新input type

解决Jquery对input file控件的onchange事件只生效一次的问题

如题,解决办法的代码如下: 1. $('#fileId').live('change',function(){ //逻辑添加.... }); 2. $('#fileId').change(function(){ $('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID" />'); }); 解决Jquery对input f

Jquery获取select 控件的change事件时选中的值

HTML代码如下: <div class="col-sm-9 col-xs-12"> <select id="groupid" class="form-control" style="float: left" name="groupid"> <option value="0">请选择</option> <option value=&q

easyui给select控件绑定change事件

一般的做法是使用jQuery来绑定,例如: $("#id").change(function(){ alert("change事件绑定"); }); 当给select加上class="easyui-combobox"这样的样式后,上面的绑定方式失效不相应,正确的方式如下: <select required="false" class="easyui combobox"name="city&q

工具栏ToolStrip能触发焦点控件的Leave、Validating、DataError等事件以验证数据 z

public class ToolStripEx : ToolStrip { protected override void OnClick(EventArgs e) { base.OnClick(e); Form fm = FindForm(); if (fm != null) { fm.Validate(); } } } 之所以说几乎,是因为还是有一点不同,就是Form.Validate()并不会触发焦点控件的Leave事件,所以需要该事件的猿友恐怕还得继续沿用0尺寸Button法或另想他法

JS模拟select控件的代码

用JavaScript模拟实现Select下拉选框功能,在本效果的实现上,背景图片起到了非常重要的美化作用,然后用CSS和JS分别对LI进行控制,最终实现漂亮的Select效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

基于vue.js实现远程请求json的select控件

基本思路 前端把需要的参数类型编码传到后台,后台返回相应的参数列表json,前端利用vue渲染select控件 具体实现 前端代码 <select v-model="template.type" class="form-control"> <option value="">请选择...</option> <option v-for="option in options" v-bind: