下拉框选中一个选项后触发事件

最新推荐文章于 2025-06-15 16:44:18 发布

afterrains

最新推荐文章于 2025-06-15 16:44:18 发布

阅读量3w

点赞数

CC 4.0 BY-SA版权

分类专栏： js html+css+div 文章标签： js

本文链接：https://blog.youkuaiyun.com/happy_jijiawei/article/details/47439143

js 同时被 2 个专栏收录

107 篇文章

订阅专栏

html+css+div

78 篇文章

订阅专栏

本文介绍了如何在JavaScript中实现下拉框选择选项后自动触发相关事件，包括两个实例演示，分别是第一个实例和第二个实例，详细展示了具体的操作步骤和代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一个实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <script language="JavaScript">
  <!--
    function GaiBian(osel){
if(osel.options[osel.selectedIndex].text==1){alert(11);}
    }
  //-->
  </script>
 </head>
 
 <body>
  <select name='selectSS' onChange="GaiBian(this)">
  <option value='1'>1 </option> 
  <option value='2'>2 </option> 
  <option value='3'>3 </option> 
  </select> 
  <select  onchange="window.location.href=this.options[this.selectedIndex].value">
    <option value="http:\\www.baidu.com">百度</option>
    <option value="http:\\www.google.cn">谷歌</option>
</select> 
 </body>
</html>

第二个实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <script language="JavaScript">
  <!--
    function GaiBian(osel){
			 var target=document.getElementById('contentid');
		if(osel.options[osel.selectedIndex].value==1){

<pre name="code" class="html">		//if(osel.options[osel.selectedIndex].text==1){

target.style.display="block"; } if (osel.options[osel.selectedIndex].value==2){target.style.display="none"; } } //--> </script> </head> <body> <select name='selectSS' onChange="GaiBian(this)"> <option value='1'>1 </option> <option value='2'>2 </option> </select> <div id="contentid" class="none">打开的内容</div> </body></html>

		if(osel.options[osel.selectedIndex].value==1){

下拉框选中一个选项后 触发事件

下拉框选中一个选项后触发事件