js 代码实现onchange事件

最新推荐文章于 2022-03-23 15:47:01 发布

han_dongwei

最新推荐文章于 2022-03-23 15:47:01 发布

阅读量4k

点赞数

分类专栏： JavaScript 文章标签： JavaScript js onchange

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，如果在js中给select或text赋值，则无法触发onchang事件，
例如，在页面加载完成以后，需要触发一个onChange事件，在js中用document.getElementById("se").value="ttt";直接给select或text赋值是不行的，要想实现手动触发onchange事件，需要在js给select赋值后，加入下面的语句,(假设select的id为sel)

document.getElementById("sel").fireEvent('onchange') 来实现.

例子：

<html><body>
    
    <select id="sel" name="test" οnchange="demo()">
      <option value="1" selected>测试一</option>
　　<option value="2">测试二</option>
　　<option value="3">测试三</option>
　　<option value="4">测试四</option>
   </select>
　<input id="tex" type="text" name="text1"  id="text1">
   
  <script>
  
  document.getElementById("sel").value="3";
  document.getElementById("sel").fireEvent("onchange");
  function demo()
  {
   var d=document.getElementById("sel").value;
   document.getElementById("tex").value=d;
   //alert(d);
  
  }
  </script>
    </body></html>

上面的代码产生的效果就相当于鼠标在select元素上进行了选择，模仿出了select的onchange效果

han_dongwei

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js 代码实现onchange事件

select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，如果在js中给select或text赋值，则无法触发onchang事件，例如，在页面加载完成以后，需要触发一个onChange事件，在js中用document.getElementById("se").value="ttt";直接给select或text赋值是不行的，要想实现手动触发o
复制链接

扫一扫

专栏目录