스크립트는 HTML 어디에나 배치할 수 있다고 생각했는데, 오늘 요청하면서 스크립트 위치를 임의로 배치할 수 없다는 오해를 바로잡았습니다.
먼저 select 태그를 yes, no 2가지 옵션으로 구현하고 싶습니다. 그런데 초기화 시 select 태그는 기본적으로 null 값을 선택해야 하므로, 다음과 같은 경우 null 값을 삭제하는 메소드를 추가했습니다. 클릭:
<!DOCTYPE html> <html> <head> <script src="jquery/jquery-1.11.1.min.js"></script> </head> <script> $('#checkcash').click(function () { if ($('#checkcash').val() == '0') { $("#checkcash option[value='0']").remove(); } }); $("#alert").click(function(){ alert("1123"); }) </script> <body> 是否已提现 <select id="checkcash" style="width: 181px"> <option selected="selected" value="0"></option> <option value="1">是</option> <option value="2">否</option> </select> <input type='button' id='alert' value="anwo"> </body> </html>
하지만 원하는 효과를 얻을 수 없습니다. 처음에는 jquery의 구문 오류인 줄 알았습니다온라인에서 계속 확인하고 수정했지만 작동하지 않았습니다. 그러다 문득 생각이 들었습니다. 스크립트를 뒤에 넣어야 하는데 시도해 봤는데 결과는 당연히 괜찮았는데 문득 그게 아니라는 걸 깨달았습니다.
나중에 확인해 보니 html 파일은 탑다운 방식으로 실행되는데 가져온 CSS와 javascript의 순서가 다르기 때문에 실행 및 로딩을 위해 CSS를 도입해도 프로그램이 계속 실행됩니다. 아래로 내려가면