사이트 내 전체검색

HTML

select박스에서 검색하기 및 jquery로 select box의 attr 데이터 로드

페이지 정보

작성자 허니무스 댓글 0건 조회 558회 작성일 23-09-12 17:50

본문

select 박스에서 검색하기 위해서 select 박스 대신 datalist를 사용


<input type="text" list="fa_company" id="factory" name="factory" onchange="javascript:factory(this);" value=""/>

<datalist id="fa_company" name="fa_company">

  <option value="A회사" tel="010-1234-1234">A회사

  <option value="B회사" tel="010-1234-1234">B회사

  <option value="C회사" tel="010-1234-1234">C회사

</datalist>


<script>

function factory(tp) {

var fa_company = $("#factory").val(); // input태그의 val

var fa_tel = $('#fa_company [value="'+fa_company+'"]').attr('tel'); // datalist내에서 tel의 attr 얻는 코드 // datalist의 value와 input의 value를 비교하여 데이터를 얻는다

} 


</script>

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.
login