时间戳

首页 > 解决方案 > 如何使用 Html 从 Select Option 调用 JavaScript 函数

javascript - 如何使用 Html 从 Select Option 调用 JavaScript 函数

问题描述

当用户选择 2 个选项时，我需要调用 javascript 函数：Refusé 和 Activé

所以我这样做了，但它不起作用

编辑：我没有收到任何错误，但是在选择Activé或Refusé跨度和复选框后没有显示该函数Visibility没有被调用**

<body onload="hidecheckbox()">    

 <script>
    function hidecheckbox() {
        document.getElementById("checkbox").style.visibility = "hidden";
    }
    </script>
  

 <div>
    <span >Etat de la candidature</span>
    <select name="etat">
       <option  value="En cours">En cours de traitement</option>
       <option onclick="Visibility()" value="Accepté">Accepté</option>
      <option onclick="Visibility()" value="Refusé">Refusé</option>                                    
   </select>
</div>                   
<div id="checkbox" >
   <span>Envoyer un email automatique </span>
   <input type="checkbox" name="check" id="check" value="Envoyer un email automatique">
</div>
           
<script>
function Visibility() 
{                  
   document.getElementById("checkbox").style.visibility = "visible";
 }
 </script>

标签： javascripthtmlselectoption

解决方案

您可以在选择上使用 onChange 事件

<select name="etat" id="mySel" onChange="Visibility()">
  <option value="En cours">En cours de traitement</option>
  <option value="Accepté">Accepté</option>
  <option value="Refusé">Refusé</option>
</select>

然后更改Javascript

function Visibility() {
  var sel = document.getElementById("mySel").value;
  /* Use the above value of select option */
  document.getElementById("checkbox").style.visibility = "visible";
}

推荐阅读