풍선도움말...

ㆍ현재 6,934명의 회원님이 사용중입니다.

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

[html5] datalist 사용법

 호가계부|2022-02-03 14:12:41|조회 : 4016

<label for="movie">당신이 좋아하는 앱은 무엇인가요?</label>
<input type="text" list="movie-options" />
<datalist id="movie-options">
    <option value="호 가계부" />
    <option value="호 경조관리" />
    <option value="호 업무관리" />
    <option value="호 재고관리" />
    <option value="호 주차관리" />
    <option value="호 핫딜" />
    <option value="호 World News" />
</datalist>






호가계부 2022-05-05 17:59:22
datalist에서 보여지는 값 이 아닌 숨겨진 값을 알아내는 방법

자바스크립트 함수
function datalistChange() {
    var appName = document.getElementById("app").value;
    var appValue = document.querySelector(#apps option[value='" + appName + "']).dataset.value;
    console.log(appValue);
}

html 태그
<input type="text" list="apps" id="app" />
<datalist id="apps">
    <option data-value="1" value="호 가계부" />
    <option data-value="2" value="호 경조관리" />
    <option data-value="3" value="호 업무관리" />
    <option data-value="4" value="호 재고관리" />
    <option data-value="5" value="호 주차관리" />
    <option data-value="6" value="호 핫딜" />
    <option data-value="7" value="호 World News" />
</datalist>

번호 제             목 첨부 작 성 일 작성자 조회
119  

[html5] datalist 사용법

(1) 		2022-02-03 호가계부 4016
88  

CSS 반응형 레이아웃 만들기

 2018-07-25 호가계부 62795
45  

아니...왜 그런지요

(1) 		  2008-04-14 임정민 6071
42  

ie7 에서 한글도메인 쉽게 접속하는 방법

   2007-11-07 관리자 6783
41  

Internet Explorer 7 (IE7) 자동업데이트 11월 6일 부터 시작

   2007-10-06 관리자 10246
18  

익스플로러 주소창에 검색 기능 넣기, 주소 별명기능

 2006-05-23 관리자 4974
14  

인터넷 연결통 및 회선상태 알아보기(tracert)

   2006-05-05 관리자 2937
처음으로 앞으로 | [1] | 다음 마지막