Javascript 드롭 다운은 jsfiddle에서 작동하지만 html 파일에서는 작동하지 않습니다.

javascript를 사용하여 몇 분만 내려 오려고합니다. in 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

에 <script type="text\javascript">을 수정 당신이 수행합니다 JS/jquery.js 당신이 당신의 페이지를 호스팅하고 그것이 어디? – moonshadow

누가 'myFunction'을 호출합니까? – brk

예, 다른 페이지에서도 잘 작동합니다. 사실 jquery cdn도 사용하려고했지만 여전히 같은 문제가 있습니다. 그냥 빈 드롭 다운을 보여줍니다. – ReeMo

슬래시 방향이 잘못되었습니다. text/javascript이 아님 text\javascript

또한 함수의 내용을 전역 범위로 이동하십시오.

출처

2017-05-07 12:01:53

감사합니다. 나는 제안 된 변경을함으로써 그것을 해결했다. 여기 내 수정 된 코드는' \t \t \t <스크립트 SRC = "JS/jquery.js"> \t \t \t <스크립트 유형 = "텍스트/자바 스크립트"> \t \t \t \t 기능입니다 getminutes() { \t \t \t \t var minutes = [], \t \t select = document.getElementById ('minutes'); (; 분 <= 59; ++ 분 분 = 1) { \t \t \t select.add (새로운 옵션 (분)) 용 \t \t \t \t; \t \t \t}}; \t \t \t \t} \t \t \t \t

\t \t \t

' – ReeMo

당신은 아래와 같이 $(document.ready()의 코드를 포장해야합니다
는 또한, 당신은 내가 볼 수 없습니다 myFunction이를 호출해야합니다.

또한, <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 파일에서는 작동하지 않습니다.

답변

관련 문제