민트의 개발일지📜

select box를 제어해보기 selectbox를 사용하던 중 정리해두면 좋을 것 같아서 포스팅 해볼게요! 자주 사용하는 기능을 jQuery와 javascript로 분류했습니다. 신한은행 하나은행 국민은행 우리은행 농협은행 1. select box 의 selected 된 옵션값, 텍스트 가져오기 jQuery $("select[name=bank] option:selected").val(); // kb $("select[name=bank] option:selected").text(); // 국민은행 javascript document.querySelector("select[name=bank] option:checked").value; // kb document.querySelector("select[nam..

대괄호 [] 안의 숫자 추출하기 정규식을 사용해서 추출해봅니다.

오늘 날짜를 구하고, 원하는 포맷으로 출력해보자 자바스크립트로 오늘 날짜를 구하고, 원하는 형태의 포맷으로 출력해보겠습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date - JavaScript | MDN JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. developer.mozilla.org Date 객체 사용 let today = new Date(); // 값 : Fri Mar 04 2022 08:49:10 GMT+0900 (한국..

HTML5에서 추가된 개념으로 데이터 속성을 사용하여 DOM요소에 데이터를 저장할 수 있습니다. 데이터 속성은 'data-*'로 시작합니다. 1. HTML data-age와 data-id란 속성을 추가했습니다. 2. javascript * 데이터 속성 가져오기 let element = document.querySelector("input[name=user_name]"); let age = element.getAttribute("data-age"); let id = element.getAttribute("data-id"); console.log(age, id); // 20, hong * 데이터 속성 변경하기 let element = document.querySelector("input[name=user_n..

php배열을 javascript에서 사용하기 1. php json_encode() 함수를 사용하여 json문자열로 변환 // PHP배열 $fruits = array("strawberry"=>"딸기", "banana"=>"바나나", "apple"=>"사과"); $fruits_json = json_encode($fruits); 2. javascript 변환한 json을 객체로 받기 // javascript let js_fruits = ; console.log(js_fruits); for (let val in js_fruits) { console.log(val);// 딸기 console.log(js_fruits[val]);//strawberry }