JavaScript的下拉菜单工作在jsfiddle，但不是在html文件中

我想要使用javascript下拉分钟。在JSfiddle它的作品，但是当我在我的页面中使用它不。JavaScript的下拉菜单工作在jsfiddle，但不是在html文件中

这是我的代码。

<html> 
    <head> 
     <script src="js/jquery.js" ></script> 

     <script type="text\javascript"> 
      function myFunction() { 
       var minutes = [], 
       select = document.getElementById('minutes'); 
       for(minutes=1;minutes<=59;minutes++) { 
        select.add(new Option(minutes)); 
       }; 
     </script> 
    </head> 
    <body> 
     <p> 
     <select id="minutes"></select> 
     </p> 
    </body> 
</html>

来源

2017-05-07 ReeMo

你有一个js/jquery.js和无论它是您托管的网页？ – moonshadow

正在调用'myFunction'的人 – brk

是的，我确实有其他页面可以正常工作。事实上，我试图使用jquery cdn也仍然是同样的问题。它只显示空白下拉菜单。 – ReeMo

斜杠方向错误。应该是text/javascript而不是text\javascript

也将函数的内容移到全局范围。

来源

2017-05-07 12:01:53

谢谢大家。我通过做出改变来解决它。这是我的校正代码' \t \t \t \t \t \t <脚本类型= “文本/ JavaScript的”> \t \t \t \t功能getminutes（）{ \t \t \t \t变种分钟= []， \t \t \t \t select = document.getElementById（'minutes'）; \t \t \t \t为（分钟= 1;分<= 59;分钟++）{ \t \t \t select.add（新选项（分钟））; \t \t \t}; \t \t \t} \t \t \t

\t \t <选择ID = “分钟” 的onclick = “getminutes（）;”> \t \t

\t ' – ReeMo

你需要用的代码$(document.ready()象下面这样：
此外，您还需要调用myFunction的，我没有看到。

此外，修改<script type="text\javascript">到<script type="text/javascript">

$(document).ready(function() { 
     function myFunction() { 
      var minutes = [], 
      select = document.getElementById('minutes'); 
      for (minutes = 1; minutes <= 59; minutes++) { 
       select.add(new Option(minutes)); 
      }; 
     } 
     myFunction();//<---Call here 
    });

来源

2017-05-07 12:28:57

JavaScript的下拉菜单工作在jsfiddle，但不是在html文件中

回答

相关问题