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文件中

回答

相關問題