optgroup: select의 option들을 묶을 수 있다.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup
<optgroup>: The Option Group element - HTML: HyperText Markup Language | MDN
The <optgroup> HTML element creates a grouping of options within a <select> element.
developer.mozilla.org
이걸로 234개 시군구를 다 보여줄까 했는데 6개 예시는 괜찮아보였지만 234개는 너무 길다.
area와 sigungu를 연동해서 select를 만들고 싶은데 어제 찾은 코드를 적용하는데 문제가 있었다.
일단 하나도 이해가 안 돼서 $(‘document’).ready(function(){})를 검색.
window.onload와 똑같은 거라고 나왔다.
그 부분을 주석처리하고 원래 window.onload()에 내용을 넣어줘도 안 됐다.
codepen에선 되는데 왜 안될까
console에 나온 에러 $ is not defined를 검색해 봤다.
제이쿼리가 로드되지 않아서 그렇다고 한다.
jQuery url 추가 후 동작은 원하는 대로 하지만 select의 option의 value가 텍스트다.
해당 숫자를 넣고 싶은데 검색해서 찾은 코드가 적용되지 않는다.
https://developer-talk.tistory.com/823
[JavaScript]객체의 값으로 키를 가져오는 방법
객체의 값으로 키를 가져오는 방법 JavaScript에서 객체의 프로퍼티는 Key-Value 쌍 구조로 이루어진 데이터 집합입니다. 예를 들어, Person이라는 객체의 name 프로퍼티의 Key는 name이고 Value는 'Hong Gil Don
developer-talk.tistory.com
this를 콘솔로 확인해 보면 string {서울} 이렇게 뜨는데 서울만 가져올 수가 없다.
this.value, this[0]등을 해도 안된다.
반복문도 함수도 이상하게 생겼고 $가 너무 많다.
https://crosstheline.tistory.com/35
[jquery] select box 선택값 가져오기
// select box ID로 접근하여 선택된 값 읽기$("#셀렉트박스ID option:selected").val(); // select box Name로 접근하여 선택된 값 읽기$("select[name=셀렉트박스name]").val(); // 같은 방식으로 span과 같은 다른 태그도
crosstheline.tistory.com
일단 this.next() 때문에 꼭 바로 붙어 있어야만 작동하던 시군구 select 요소를 $("select[name=셀렉트박스명]")으로 가져올 수 있게 바꿨다.
그런데 name 다음에 ^ 이건 왜 들어간건지 모르겠다.
gungu1 이렇게 이름에 숫자 1이 들어가지만 코드엔 없었는데 그것과 관련된걸까? 어쨌든
--->$ 많고 이상한거: 바닐라가 아니라 jQuery문
다른 걸로 새로 검색해 봤다.
블로그가 안된다 컴퓨터에서
티스토리 문제인줄 알고 일단은 폰으로 열심히 쓰고 있었는데 내 컴퓨터 문제였나보다.
https://sosoeasy.tistory.com/m/406
error: failed to push some refs to 에러
error:failed to push some refs to git push를 했을때 아래와 같이 error: failed to push some refs to 에러가 발생하는 경우가 있다 이는 원격저장소(github)에 내 로컬(내컴퓨터)에는 없는 파일이 있을 때 내 파일을 p
sosoeasy.tistory.com
__init__.py 때문인 것 같다.
git push origin <브랜치명>했는데 rejected
pull 하고 다시 push 했더니 해결
https://velog.io/@jewon119/TIL00.-DRF-Filtering
TIL125. DRF : Filtering 사용하기
📌 이 포스팅에서는 Django Rest Framework의 🌈 > ### 🔥 DjangoFilterBackend의 filterset_fields 사용 방법 > ### 🔥 SearchFilter의 search_fields 사용 방법 > ### 🔥 OrderF
velog.io
exact match, full-text search 등의 옵션도 있다.
https://velog.io/@baek1008/Error-Cannot-read-properties-of-null-%ED%95%B4%EA%B2%B0
Error) Cannot read properties of null 해결 (getElementById VS querySelector 차이)
오늘은 JS와 HTML을 이용해 로그인 및 OpenAPI를 활용한 영화 출력 화면을 만들어 보는중 로그인 버튼이 정상작동하는지 확인할려고 버튼에 console을 활용해 정상작동 유무를 확인중 밑과 같은 에러
velog.io
템플릿에 원래 있던 id를 바꿔주니 getElementById()가 안된다.
일단 이번엔 그냥 기존 id를 쓰는걸로 했다.
select의 option이 위 또는 아래로 나오는건 브라우저에 있는 설정인 것 같다.
https://terryvery.tistory.com/51
[Javascript] 다중 셀렉트 박스(chained select box) / 셀렉트 박스 2개 연동 / 시도 시군구 다중 셀렉트박
1. 기본형(걸그룹 선택 시, 다음 셀렉트박스는 해당 걸그룹 이름 보이게) 걸그룹을 선택해주세요 블랙핑크 에프엑스 EXID 좋아하는 멤버를 선택해주세요 2. 시도/시군구형(시/도 선택 시, 다음 셀
terryvery.tistory.com
chained select box 예시가 많다. 좋다.
https://r-0o0-j.tistory.com/186
[Javascript] 자바스크립트 Dictionary 사용하기
Javascrpt에서 객체를 사용하다보면 키,값으로 된 dict를 자주 사용하게 됩니다. 하지만 MDN이 제공하고 있는 문서에 보면 dict이나 Dictionary는 찾아 볼 수 없는데 딕셔너리라는 표현은 파이썬에서 사
r-0o0-j.tistory.com
https://www.techiedelight.com/ko/find-index-element-array-javascript/
JavaScript에서 배열의 요소 인덱스 찾기
이 게시물은 JavaScript의 어레이에서 지정된 값이 처음 나타나는 인덱스를 찾는 방법에 대해 설명합니다. 1. 사용 Array.prototype.indexOf() 기능 그만큼 indexOf() 메서드는 어레이에서 지정된 요소가 처음
www.techiedelight.com
'TIL' 카테고리의 다른 글
| TIL 061923 (0) | 2023.06.19 |
|---|---|
| TIL 061623 (0) | 2023.06.17 |
| TIL 061423 (0) | 2023.06.15 |
| TIL 061323 (0) | 2023.06.13 |
| TIL 061223 (0) | 2023.06.12 |