陌上花开

遇高山,我御风而翔,逢江河,我凌波微波

   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
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" onchange="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效果

posted on 2010-04-01 22:15 askzs 阅读(39960) 评论(10)  编辑  收藏 所属分类: js

评论

# re: js 代码实现onchange事件 2012-04-17 08:03 sada
sd  回复  更多评论
  

# re: js 代码实现onchange事件[未登录] 2012-09-06 21:43 齐齐
222  回复  更多评论
  

# re: js 代码实现onchange事件 2013-03-12 11:32 zhoux
1  回复  更多评论
  

# re: js 代码实现onchange事件 2013-07-24 18:57 游客
@sada
怎样可以把取出的值传给sql语句  回复  更多评论
  

# re: js 代码实现onchange事件 2013-07-25 11:11 而已
二爷人同意为儿童  回复  更多评论
  

# re: js 代码实现onchange事件[未登录] 2014-05-03 16:35 gg
fyuyr  回复  更多评论
  

# re: js 代码实现onchange事件[未登录] 2014-05-05 20:05 1
运行了,不行啊  回复  更多评论
  

# re: js 代码实现onchange事件[未登录] 2014-05-05 20:05 1
运行了 不行啊。。。  回复  更多评论
  

# re: js 代码实现onchange事件 2014-07-28 15:15 恩恩额
对对的  回复  更多评论
  

# re: js 代码实现onchange事件 2015-03-19 21:14 11
问问  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航:
 
我要啦免费统计