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].selected = true
})
时间: 2024-12-28 07:50:40

js改变select的选中项不触发select的change事件的相关文章

获取和设置select的选中项的值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>获取select的选中项的值</title> </head> <body> <select id="select0"> <option value="0">请选择选项&l

FileSystemWatcher触发多次Change事件的解决办法

(转) 最近要用到FileSystemWatcher来监控某个目录中的文件是否发生改变,如果改变就执行相应的操作(具体操作如:打开文档,添加一行,保存).但在开发过程中,发现FileSystemWatcher在文件创建或修改后,会触发多个Created或Changed事件,具体原因就是处理文件的过程中执行了多次文件系统操作,触发了多次事件.具体可以参看微软的关于FileSystemWatcher这方面的解释:Troubleshooting FileSystemWatcher Components

select默认选中项颜色为灰色,选择后变为黑色(js实现)

<script> var unSelected = "#999"; var selected = "#333"; $(function () { $("select").css("color", unSelected); $("option").css("color", selected); $("select").change(function () {

struts2设置&lt;s:select&gt;默认选中项的方法

struts2的select标签中,常用的有以下几个属性:(1)struts2中的select 标签中,必须设置的属性只有一个,即是list.(2)select标签的list中必须有值,不然会报错.如果没有值,可以加上headerKey, headerValue,这样就可以通过了.即使list中有值,我们也通常会加上headerKey, headerValue,即列表中显示的第一个选项.注意,headerKey不可以为空,不可以为-1.(3)list属性:通常是在action中定义的,必须是一个

下拉框&lt;select&gt;设置选中项的一个问题

基于jQuery,有两种方式设置下拉 1.$("select").val(); 2.$("option:eq(1)").attr("selected","selected"); 方法2有个问题就是只能设置一次下拉框,重复调用设置失效 <script> $(function(){ }); function sltOpt(){ $("select").val(1); } function sltOp

分析js操作动态获取屏高并触发按钮点击事件回到页面窗口的顶部

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>回到顶部</title> <style> .d1{ width:100%; height:5000px; } #btn{ width:100px; height:40px; position:fixed; right:0; bottom:0; dis

select 下拉框的选中项的change事件

HTML文件 <span style="float: left;">类      型:   <select id="type" class="easyui-combobox" name="type" style="width: 90px;" data-options="required:false"> <option value="1"

FileSystemWatcher触发多次Change事件的解决办法转族坐锥茁篆

http://www.ebay.com/cln/rbx_lddh/2015-01-30/166703156014 http://www.ebay.com/cln/3f7_jhpv/2015-01-30/166703167014 http://www.ebay.com/cln/dt3_njjv/2015-01-30/166882325011 http://www.ebay.com/cln/57t_rvrj/2015-01-30/166838006016 http://www.ebay.com/cl

select保留选中option

1 $("#bankAreaCode").val(areacode); 2 var _option =$("#bankAreaCode").find("option:selected"); 3 $("#bankAreaCode").empty(); 4 $("#bankAreaCode").append("<option value='"+_option.val()+"'