HTML 요소는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다. JQuery를 사용하여 안의 메뉴인 의 값을 가져와보고 선택해보겠습니다. Dog Cat Hamster 값 가져오기 $("select").val(); $("#pet-select").val(); //id로 접근 $("select[name='pets']").val(); //속성으로 접근 text 가져오기 $("select option:selected").text(); $("#pet-select option:selected").text(); $("select[name='pets'] option:selected").text(); 특정 값 선택하기 $('select option[value="{findval}"').prop("selected", true); ..

Javascript 2022. 11. 8. 22:01

HTMLFormElement.reset() 메서드는 요소의 기본값을 복원합니다. 컨트롤을 클릭하는 것과 동일한 작업을 수행합니다. //Javascript document.getElementById('form').reset(); //Jquery $('form')[0].reset(); 참조 HTMLFormElement.reset() - Web APIs | MDN (mozilla.org)

Javascript 2022. 10. 19. 22:00

태그의 multiple 속성이 있는 상황에서 .serialize() 메서드를 사용해 Controller로 직렬화된 데이터를 받는 상황에서 유용한 메서드입니다. 사용법 1 2 3 1 2 3 제출 참고 .serialize() | jQuery API Documentation [Javascript] - [jQuery] form .serialize(), 표준 URL 인코딩 표기법으로 텍스트 문자열을 생성

Javascript 2022. 9. 21. 22:40

JSON(JavaScript Object Notation)은 가벼운 데이터 교환 형식입니다. JSON은 완전히 언어 독립적인 텍스트 형식이지만 C를 비롯한 C++, C#, Java, JavaScript, Perl, Python 및 기타 여러 가지 언어 프로그래머에게 익숙한 규칙을 사용합니다. 이러한 속성은 JSON을 이상적인 데이터 교환 언어로 만듭니다. 특히, 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있습니다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합합니다. JSON은 두 가지 구조를 기반으로 합니다. 이름/값 쌍의 모음입니다. 다양한 언어에서 이것은 객체, 레코드, 구조체, 사전, 해시 테이블, 키 목록 또는 연관 배열로 구현됩니다..

Javascript 2022. 9. 19. 23:00

데이터 조회 화면에서 에 담긴 다수의 의 값을 다룰때가 종종 있는데요. 편하게 사용할 수 있도록 하나의 Array 변수에 받아와 보겠습니다. 사용법 제출

Javascript 2022. 9. 15. 22:30

moment.js는 웹에서 날짜와 시간을 표현하는데 사용됩니다. 사용 1. Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); // 1월 30일 2023, 4:07:51 오후 moment().format('dddd'); // 월요일 moment().format("MMM Do YY"); // 1월 30일 23 moment().format('YYYY [escaped] YYYY'); // 2023 escaped 2023 moment().format(); // 2023-01-30T16:07:51+09:00 2. Relative Time moment("20111031", "YYYYMMDD").fromNow(); // 11년 전 moment("20120620", "..

Javascript 2022. 6. 20. 11:25

JavaScript의 정규 표현식을 설명합니다. 예시 A. 아아디 정규식 1. 숫자와 영문(대,소문자) 조합으로 5~10자리 let regexp = /^[A-Za-z0-9+]{5,10}$/; if (exp.test(id)) { alert("아이디는 영숫자 5자리 이상 10자리 이하를 입력하세요."); return false; } B. 비밀번호 정규식 1. 하나 이상의 숫자, 영문(소문자),영문(대문자), 특수문자 조합으로 9~20자리를 사용해야 합니다. let regexp = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*]).{9,20}$/; if (!regexp.test(uPwd)) { alert("하나 이상의 숫자, 영문(소문자),영문(대문자), 특수문자 조합으로..

Javascript 2022. 6. 16. 22:30

.serialize() 메서드는 표준 URL 인코딩 표기법으로 텍스트 문자열을 생성합니다. , 및 와 같은 개별 양식 컨트롤을 선택한 후 jQuery 객체에서 작동할 수 있습니다. $( "input, textarea, select" ).serialize(); 일반적으로 직렬화를 위해 자체를 선택하는 것이 더 쉽습니다. 사용법 A. ajax 사용 form 데이터 // $('form').serialize() == 'userId=jinwoo&password=123' B. ajax 사용 form 데이터 // $('form').serialize() == 'userId=jinwoo&password=123' 주의사항 직렬화된 문자열에 양식 요소의 값이 포함되려면 요소에 이름 속성이 있어야 합니다. 체크박스와 라디오 ..

Javascript 2022. 5. 19. 22:00

AJAX(Asynchronous JavaScript And XML)의 모든 요청은 기본적으로 비동기식으로 전송되지만 동기 요청이 필요한 경우 async 값을 false로 설정해 브라우저를 일시적으로 잠글 수 있으며 서버로부터 응답이 올 때까지 기다릴 수 있습니다. 사용법 A. $.ajax( [settings ] ) 사용 B. $.ajaxSetup() 사용 참고 Ajax 시작하기 - 웹 개발자 안내서 | MDN (mozilla.org) jQuery.ajax() | jQuery API Documentation

Javascript 2022. 1. 3. 22:05

IE에서 datetimepicker를 사용해 가져온 문자열으로 new Date() 객체를 생성할 때 때 new Date('yyyy-MM-dd HH:mm') Invalid Date가 발생했습니다. [date] Invalid Date 해결방법 A. 날짜형 변환 시 replace 함수를 이용 '-'를 '/'로 변환한다. let timeVal = $('#datetimepicker').val() // '2021-11-23 22:00' timeVal = timeVal.replace('-', '/') // '2021/11/23 22:00' new Date(timeVal)

Javascript 2021. 11. 23. 22:00