반응형 Web Programing/JavaScript3 onclick에서 매개변수로 문자, 숫자 script로 전달 / 스크립트릿 ReferenceError 버튼에서 onclick 속성을 사용해서 script에서 동작을 처리해주려고 할 때, onclick에서 두 개의 매개변수를 가져오려고 했습니다.매개변수 하나는 게시글의 번호(숫자)이고, 다른 하나는 게시글의 제목(문자)입니다.숫자의 경우 금방 값을 가져와 확인할 수 있었는데, 문자를 가져오는 경우에서 "Uncaught ReferenceError: 문자. is not defined at HTMLButtonElement. onclick"라고 에러가 발생했습니다. ReferenceError는 잘못된 값을 가져오려고 할 때 발생한다. 두 개의 버튼으로 숫자와 문자를 각각 스크립트로 가져오는 방법을 확인한 후에 한 개의 버튼으로 숫자와 문자를 동시에 스크립트로 가져오는 방법을 확인해 보겠습니다. Button의 on.. 2024. 5. 15. Ajax URL 파라미터 데이터 보내기 사용 방법 게시판 검색 기능에서 검색 조건을 선택한 뒤에 검색 버튼을 클릭하면, 검색 조건에 일치하는 게시글만을 페이지에 노출되는 기능을 구현하려고 합니다. Ajax(비동기방식)를 사용한 이유는 3가지의 검색 조건 중에 하나의 조건이라고 변경되면, ajax를 사용해서 페이지에 노출되는 게시글이 바로 변경되는 기능을 원하기 때문입니다. 아래의 사진에서 예산, 인원, 키워드의 3가지 검색 조건이 있습니다. 선택 박스와 입력 태그에서 onchange를 사용하였습니다. 의 value값을 script로 가져와서 Ajax를 이용하여, 조건에 맞는 게시글만 노출되는 방법입니다. ajax 사용하기 첫 번째 방법으로 select 태그의 값을 스크립트로 가져와서 ajax로 사용하는 방법입니다. 위의 방법은 키와 값의 형태로 데이터를.. 2024. 4. 3. JavaScript / select 태그에서 선택된 option 값 가져오기 JavaSscript를 사용하면서 HTML의 입력 태그에서 값을 자주 가져와서 사용하게 되는 것 같습니다. 이번 글에서는 자바스크립트(JavaScript)에서 HTML 태그인 select 태그에서 선택된 option의 값(value)을 가져오는 방법입니다. script에서 select 태그에서 선택된 option 값 가져오기 HTML의 select 태그의 예제입니다. 서울 부산 제주 1. onchange 속성 사용 select의 onchange 속성을 사용해서 스크립트의 함수를 호출하여 선택된 option의 값을 alert으로 출력하는 방법입니다. TEST . . . onchange 속성을 사용하기 때문에 select box에서 선택 항목이 바뀌는 이벤트가 있을 때마다 changeFn()이 실행됩니다. .. 2024. 3. 20. 이전 1 다음 반응형
