개발자의 끄적끄적

[javascript] Select Box에서 선택한 Option의 Text값 가져오기 var target = document.getElementById("testSelect"); target.options[target.selectedIndex].text

[javascript] 2개의 폼 전송하기 위와 같은 폼이 있다고 가정하고, var data = $('#frm1, #frm2').serialize(); 또는 쉽게 var data = $('form').serialize(); 위 처럼 생성 된 data를 ajax로 전송하면 됩니다~ 참고들하세요! 출처 : https://enanii.tistory.com/308

[JQuery] 요소(element) 찾기[펌] Id, name, class로 찾기 // id로 접근시 $("#id") $("#form_id") // class로 접근시 $(".class") $(".section") // name으로 접근시 $("tag_name[name=name]") $("input[name=search_value]") => 태그이름 뒤 대괄호안에 [ ] 태그가 갖고있는 속성을 명시해서 엘리먼트를 찾을 수 있다. => name뿐아니라 $("input[value='TEST']") 이런식도 가능하다. // tag이름으로 접근시 $("tag_name") $("input") 그렇다면 특정 폼안에 있는 요스를 찾고싶을 땐? $('#form [name="param"]').val(); // sele..

[javascript] 팝업창에서 부모창의 함수 호출 방법 자식창 스크립트 function aaa() { opener.view_alert(); } 부모창 스크립트 function view_alert() { alert('test'); }

[javascript & jquery] array.pop() 사용법 pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; console.log(plants.pop()); // expected output: "tomato" console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"] plants.pop(); console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabba..

[javascript] foreach 반복문 const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

[javascript] childElementCount 프로퍼티 예제보기 [펌] 만약 아래와 같은 div 엘리먼트가 존재하는 경우 자식 요소의 전체 개수를 구할 수 있겠죠. web is all free 이제 자바스크립트로 개수를 콘솔 영역에 출력해볼까요? var ele = document.getElementById('myTest'); var eleCount = ele.childElementCount; console.log(eleCount); 코드를 실행하면 아래와 같이 출력됩니다. 3 // 자식의 총 개수가 출력 간단하죠? 여기서 두 번째 span태그에서는 b라는 태그가 안에 있지만 자식의 자식 요소가 포함되지는 않으므로 알아두시기 바랍니다. 작 바로 아래의 자식요소의 개수만 반환합니다. ! 브라우저 호..

[javascript / java] JS(자바스크립트) 에서 JSP 변수 사용하기 [펌] Spring + JSP로 개발을 하다보면 Spring의 ModelAndView 에서 전달 받은 Attribute와 JSP 변수를 자바스크립트에서 사용해야 되는 경우가 있습니다. 이 경우 손쉽게 자바스크립트에서 JSP 변수와 Spring의 ModelAndView 에서 전달받은 Attribute를 사용할 수 있습니다. 사용 방법은 첫번째- 자바스크립트에서 Spring ModelAndView의 Attribute를 사용하는 방법 var text = '${helloText}'; or var test = "${helloText}"; (여기서 helloText는 Spring의 ModelAndView 에서 전달해준 Attribut..