blog

1. javascript를 이용하여 변경 document.getElementById(“myId”).style.display = “block”; 2. JQuery 1) $(“#myId”).css(“display”,”block”); 2) $(“#myId”).show();

요소를 완전히 없애버리고싶다면 display:none 차지하는 공간을 놔둔채로 보이지 않게 하고싶다면 visibility:hidden

submit var link = "http://localhost:8080/myLink"; location.href=link; 으로 했을 때 onclick이동이 되지 않았다. submit return false 추가하여 해결

var root= window.location.protocol +'//'+window.location.host; ex) https://www.google.com window.location.protocol = https: window.location.host = www.google.com port를 구분하지 않고싶다면 window.location.host대신 window.location.hostname를 사용한다.

person의 요소 : age, office 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 person = new Object(); $.ajax({ type: "GET", url: "http://localhost/api/example", dataType: "json", async: false, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('통신 실패'); }, success: function(response) { person = response; } }); person.forEach(function(element, index) { console.log(`인덱스 : ${..

https://select2.org/getting-started/installation CDN을 사용하면 편하지만 코드를 직접 다운로드받아서 사용도 가능하다. https://github.com/select2/select2/releases/tag/4.1.0-rc.0 압축을 풀고, select2-4.1.0-rc.0\dist 내부의 데이터를 vender에 넣는다. (vender는 플러그인을 모아놓은 폴더이다.) 1 2 3 cs 두 줄을 추가하면 설정 완료 1 2 3 4 5 6 7 Option1 Option2 Option3 cs jsp 1 var _mSelect2 = $("#select_example").select2(); cs js https://select2.org/data-sources/formats 이 ..