풍선도움말...

ㆍ호가계부를 시작페이지로

은행 카드 증권 보험 부동산

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

[html5] datalist 사용법

 호가계부|2022-05-05 17:59:22|조회 : 38133
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>






호가계부 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 호가계부 295
113  

[Javascript] 숫자를 글자로 바꿔주는 자바스크립트

(1) 		  2020-03-11 호가계부 761
111  

[Javascript] confirm 클릭 확인받기

   2019-10-09 호가계부 21943
109  

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...

   2019-09-27 호가계부 1902
107  

[JavaScript] 스크롤할때 메뉴바 상단에 고정하기

(1) 		  2019-09-11 호가계부 5790
97  

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

(1) 		  2019-06-19 호가계부 4730
96  

javascript encodeURI -> php EUC-KR decode

(1) 		  2019-06-18 호가계부 40920
93  

말풍선 위치 계산 (마우스 포인터 위치계산)

   2019-01-14 호가계부 6978
78  

[JavaScript] try catch문 사용방법

   2014-10-25 호가계부 11231
처음으로 앞으로 | [1] | 다음 마지막