목록option태그 (2)

bom's happy life

[JS] 동적으로 생성한 <option>태그의 value 가져오기

동적으로 생성한 option 태그의 value 를 가져와서 옵션변경하려는 코드를 짜보았다. 동적으로 생성한 태그 : --중략-- rentList += ''; rentList += ''; rentList += '1타임(10:00~12:00)'; rentList += '2타임(13:00~15:00)'; rentList += '3타임(15:00~17:00)'; rentList += ''; rentList += ''; --중략-- 참고 ) onchange="optionChange(this)" 의 `this` 키워드란? optionChange 함수는 HTML 이벤트 핸들러로 사용되고 있다. 이벤트 핸들러 함수는 일반적으로 해당 이벤트가 발생한 요소를 가리키는 `this` 키워드를 통해 해당 요소에 접근할 수 있다..
Deveolpment Study🗂️/Javascript 2023. 6. 7. 14:53
[JS] <option>태그에는 <a>태그를 사용할 수 없을 때 ?_`onchange`

문제 : 다른 옵션을 클릭하면 옵션값을 변경하고 싶은데 자바스크립트코드가 먹히지 않는다. 문제의 코드 : ${rentTime}`; if(rentTime === '1') { rentList += ` 1타임 2타임 3타임`; } else if(rentTime === '2') { rentList += ` 1타임 2타임 3타임`; } else if(rentTime === '3') { rentList += ` 1타임 2타임 3타임`; } rentList += ` 찾아보니, 태그 안에 태그를 직접 사용하는 것은 HTML의 규칙에 따라 잘못된 구문이고, HTML 표준에서는 태그 안에 인라인 요소를 사용할 수 없도록 지정하고 있다. 그리고 태그는 기본적으로 클릭 이벤트를 지원하지 않는다. 그래서 태그에 변경 이벤트(`..
Deveolpment Study🗂️/Javascript 2023. 6. 7. 13:44
이전 Prev 1 Next 다음