일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 서브라임 텍스트
- Sass
- Scss
- 에이펙스레전드
- Github
- 단축키
- VS
- 오블완
- CSS
- INPUT
- 티스토리챌린지
- 제이쿼리
- 윈도우11
- HTML
- vscode
- 윈도우10
- 설정
- 컴퓨터
- 모바일
- CODE
- SM5
- 태국
- 서브라임
- 아이폰
- GIT
- 알리익스프레스
- sublime text
- 포토샵
- 윈도우
- 컴파일
- Today
- Total
목록select (2)
web sprit
다음과 같이 jQuery로 select box 를 제어할 수 있는 방법을 정리해 보았습니다.참고 바랍니다. 선택된 값(value) 가져오기1234 $("#selectBox option:selected").val();$("select[name=name]").val(); Colored by Color Scriptercs 선택된 내용 가져오기123 $("#selectBox option:selected").text(); Colored by Color Scriptercs 선택된 옵션의 갯수 구하기123 $('#selectbox option').size(); cs 선택된 옵션의 index 값 구하기123 $('#selectbox option').index($('#selectbox option:selected'));..
select 를 꾸미는 건 쉽지 않다. 브라우저마다 css 값도 다르게 적용되어 지고 제한되는 부분도 많이 때문에 원하는 디자인 변경이 불가한 경우도 있다. 기존의 select 를 꾸며주는 플러그인들이 많지만 접근성을 해치는 방식으로 꾸며주기 다반사다. select를 커스터마이징 해줄 때 다음과같이 이용한다. HTML1234567891011 선택해 주세요 선택해 주세요 선택1 선택2 선택3 선택4 Colored by Color Scriptercs CSS12345.select-script{position:relative; width:200px; height:40px; line-height:40px; border:1px solid #606976; border-radius:4px; text-transform:..