개발하는중/javascript or jquery(7)
-
셀렉트박스(selectbox) 동적 option 넣기!
셀렉트박스로 좀 쓰는 방식입니다. 첫번째 부모의 옵션을 선택하면 다음 자식의 셀렉트 박스 옵션이 부모셀렉트 박스와 관련된 데이터가 나오는 방식입니다. 저는 자식을 2개까지 만들어 테스트 해봤습니다. 응용하면 계속 만들수도 있고~ java와 db연결하면 선택시 db조회 후 자식셀렉트 박스 옵션을 만들어 줄 수 있습니다. 나중에 한번 ajax통신해서 db데이터로 옵션 생성해주는것도 테스트해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 ..
2021.01.22 -
select box 동적으로 생성,삭제,선택 하기!
체크박스 라디오버튼 한 후 셀렉트도 동적으로 해봄니다 생각보다 동적으로 데이터 받아서 처리할일이 좀있어서 테스트 해봤습니다. 간단하게 value와 text를 숫자로 하여 쉽게했지만 응용하여 입력받아 원하는 값을 select 의 option으로 넣어 줄수 있습니다.! 셀렉트박스 많이 쓰는 유형이 1번 셀렉트 선택하면 2번셀렉트박스가 1번벨류 값에 관련된 옵션으로 변경되는 방식이 진짜 많은데 다음에 그걸 테스트 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 5..
2021.01.21 -
radio 동적으로 생성,삭제,체크 하기!
체크박스 동적 글과 소스는 아주 비슷합니다. 똑같다고 봐도 됩니다. 단지 체크박스가 아니고 라디오버튼입니다.ㅎㅎ 이렇게 해놓고 동적으로 하는 방법이 더 있으면 체크박스와 같이 수정해가며 추가할 예정입니다! 스크립트 단에서 jquery사용하여 동적으로 삭제 생성 체크를 해주는 테스트입니다. body만 붙여 넣어서 테스트 해보시면 됩니다! jquery꼭 있어야되구요! 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001..
2021.01.21 -
checkbox 동적으로 생성,삭제,체크 하기!
스크립트 단에서 jquery사용하여 동적으로 삭제 생성 체크를 해주는 테스트입니다. body만 붙여 넣어서 테스트 해보시면 됩니다! jquery꼭 있어야되구요! 숫자 입력받아 체크박스 선택하는 경우 개발 시 빽단에서 데이터 받아 뿌려줄때 쓰면 굉장히 좋을거 같습니다.! 이것과 비슷한 라디오도 올려보겠습니다.! 그리고 동적으로 하는 방법이 더 있으면 수정해 추가하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 ..
2021.01.21 -
javascript 현재날짜 구하기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 $("#event1").on("click",function(){ title = ""; var date = new Date(); // 오늘날짜 let yyyy = date.getFullYear(); // 년 let mm = date.getMonth() + 1; // 월 0부터시작 +1해줌 let dd = date.getDate(); // 일 let hh = date.getHours(); // 시 let mn = date.getMinutes(); // 분 let mi = date.getSeconds(); // 초 $("#date").val(yyyy+"년 "+mm+"월 "+dd+"일 "+ " ..
2021.01.13 -
동적 onclick 이벤트
123456789101112//홑따옴표$(data).each(function(key, val){ innerHtml += '';}); //쌍따옴표 $.each(data, function(i){ innerHtml += ""; });Colored by Color Scriptercs
2020.12.16