datalist3 [JQUERY] datalist 숨겨진 값 저장하기 / datalist data-value > JQUERY datalist 숨겨진 값 저장하기 / datalist data-value 1. HTML 숨겨진 값을 저장할 hidden 인풋을 생성해두고 실제로 노출되는 값을 value에, 숨겨놓을 값을 data-value에 작성한다. 2. JQUERY $(document).on('change', 'input', function(){ //모든 input 변경 감지 var options = $('datalist')[0].options; var val = $(this).val(); for (var i=0;i 2022. 9. 7. [JQUERY] datalist change 값 받아오기 > JQUERY datalist change 값 받아오기 $(document).on('change', 'input', function(){ var options = $('datalist')[0].options; var val = $(this).val(); for (var i=0;i 2022. 9. 7. [HTML] datalist 사용법 > datalist 사용법 datalist가 생소해서 조금 찾아본 결과를 적어둔다. datalist는 사용자가 입력하는 값과 일치하는 값을 option 목록에서 찾아 보여준다. 자동완성 기능을 제공하는 select 박스와 같다. option 목록이 아주 많은 경우 유용하게 사용할 수 있다. 사용자가 직접 입력하는 값을 그대로 보존한다. 아래는 기본 코드와 결과다. HTML 삽입 미리보기할 수 없는 소스 datalist 추가 기능에 대해 적어두었다. datalist change 값 받아오기 https://zpxlcm.tistory.com/entry/JQUERY-datalist-change-값-받아오기 [JQUERY] datalist change 값 받아오기 > JQUERY datalist change 값 .. 2022. 9. 7. 이전 1 다음 반응형
