下拉列表select的change事件

select中的option不支持点击click事件,只能通过change事件进行下拉框的事件处理,若需持续触发事件,可采用将value值设为固定值的方法,例如: 

$(".opbutton").delegate(".deal","change",function(){

var val=$(this).val();

  $(this).val(‘0‘);//将select设置为固定值不改变

    if(val==‘collect‘){        $(".addcollect").fadeIn(150);    }else if(val==‘prebell‘){        $(".addprebell").fadeIn(150);    }else if(val==‘report‘){        $(".addreport").fadeIn(150);    }});
时间: 2024-10-10 20:47:14

下拉列表select的change事件的相关文章

jquery 怎么触发select的change事件

可以使用jQuery的trigger() 方法来响应事件 定义和用法 trigger() 方法触发被选元素的指定事件类型. 语法 $(selector).trigger(event,[param1,param2,...]) 参数描述 event    必需.规定指定元素要触发的事件.可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件. [param1,param2,...]    可选.传递到事件处理程序的额外参数.额外的参数对自定义事件特别有用. 实例: 触发 select元

input框获取焦点和失去焦点,select框change事件

转载:http://www.cnblogs.com/weeky/archive/2012/04/08/2438002.html 以下可以直接调用,注意:jQuery引用用的Google.js> 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charse

js改变select的选中项不触发select的change事件

// test var selectEl = document.querySelector('select') var buttonEl = document.querySelector('button') selectEl.addEventListener('change', function() { console.log(this.value) }) buttonEl.addEventListener('click', function() { selectEl.options[1].se

vue select的change事件,将点击过的城市名存在数组中,下次调用不需要再调用接口

<template> <div id="body" class="application" v-show="show" v-cloak> <div class="applicationForm"> <div class="essentialInformation"> <ul> <li> <div class="agenc

select控件自动触发change事件

这里接上面的二级联动.背景:当页面跳转到修改页面时,需要首先绑定学院和专业.这就需要在页面加载时触发select的change事件,具体用trigger函数进行实现.代码如下. $("#xsxy").change(function (event, flag) { var xyidvalue; if (flag == "start") xyidvalue = '<%=xsxyid%>'; else xyidvalue = $(this).val(); $.

easyui给select控件绑定change事件

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

javascript改写 &lt;select&gt;checked的选中,并不会出发change事件,太好了!

<html> <title>测试select标签的分别用程序checked.用户手动checked</title> <body> 第一级菜单: <select id="lp_type" name="lp_type"> <option value="">请选择</option> <option value="L" id="lp_t

element-ui 点击编辑弹出dialog组件中select组件绑定值改变,但是不触发change事件

代码结构如下: 现象视频如下: 现象原因:经过排查发现 此时点击操作不触发chang事件,后台响应数据中没有订单取消原因orderCanleRemark字段,此时导致不触发change事件, 解决方案:方案1,:让后台配合响应该字段,无论是否为空都响应该字段 方案2:在后台响应数据赋值给,this.form之前,手动添加该字段到后台响应数据中 代码如下: 原文地址:https://www.cnblogs.com/liujiazhu/p/8649810.html

jquery之下拉列表select

选择下拉列表中的一项,文本框显示其值 html代码如下: <select id="ttt"> <option value="Volvo" id="op1">Volvo</option> <option value="Saab">Saab</option> <option value="Opel">Opel</option>