Question

我有一个脚本：

<html>
   <body>
      <select>
         <option value="volvo">Volvo</option>
         <option value="saab">Saab</option>
         <option value="vw">VW</option>
         <option value="audi">Audi</option>
      </select>
    </body>
 </html>

我想在我选择audi时只调用javascript函数。

Answer 1

使用事件onChange并使用if语句检查所选值。

＆＃13;

document.getElementById('cars').addEventListener("change", function() {
    if(this.value == "audi"){
      console.log(this.value);
      /*Execute your script */
    }
});

＆＃13;

<select id="cars">
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
     <option value="vw">VW</option>
     <option value="audi">Audi</option>
</select>

＆＃13;

Javascript函数调用html中的选项标记

1 个答案: