프로그래밍/jquery10 input selectbox radio checkbox 각요소별 접근 방법 다음은 각각의 HTML 폼 요소에 접근하는 방법입니다. Select Box: jQuery: $("#selectBoxId") JavaScript: document.getElementById("selectBoxId") Radio Button: jQuery: $("input[name='radioButtonName']:checked") JavaScript: document.querySelector("input[name='radioButtonName']:checked") Checkbox: jQuery: $("#checkBoxId") JavaScript: document.getElementById("checkBoxId") Textarea: jQuery: $("#textareaId") JavaScript: docum.. 2023. 4. 14. CKEditor4에서 textarea 값을 가져오는 방법 CKEditor4에서 textarea 값을 가져오는 방법입니다. CKEditor 인스턴스를 가져옵니다. var editor = CKEDITOR.instances['textareaId']; 여기서 textareaId는 CKEditor로 변환된 textarea의 ID입니다. getData() 메소드를 사용하여 편집기의 현재 내용을 가져옵니다. var content = editor.getData(); 가져온 값 content를 적절한 방식으로 사용합니다. 아래는 CKEditor4를 사용한 textarea 값 가져오기 예제입니다. HTML 파일에 아래 코드를 추가하고 브라우저에서 실행하면 됩니다. 2023. 4. 13. select2()에서 옵션 선택 방법 select2에서 특정 옵션을 선택하는 방법은 다음과 같습니다. val 옵션을 사용하여 선택방법 $("#selectbox").val("php").trigger("change"); select2 메서드를 사용하여 선택하는 방법 $("#selectbox").select2("val", "php"); 이 방법으로 선택하면 해당 옵션이 선택됩니다. 위에 방법이 안된다면 아래 방법으로 하면됩니다. php jsp asp select2 jsp 선택방법 $("#program").select2().select2('val','jsp'); 2023. 4. 12. html input 파일 이미지 미리보기 구현(멀티) 미리보기삭제 아래 그림은 간단한 게시판 입력 화면입니다. 아래 그림에서 처럼 이미지 미리보기에서 삭제를 하면 input file에 선택되어 있는 파일도 삭제하는 기능을 만들고 싶습니다. 어떻게 하면 될까요? 우선 기본적으로 html 파일에 아래 소스가 있다고 가정해 봅시다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 파일 파일미리보기 Colored by Color Scripter cs js 설정 화면 소스입니다. 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 $("#image").change(function() { $("#preview.. 2021. 11. 23. 이전 1 2 3 다음
