선택한 datalist 에 data() 값을 가져오고 싶습니다.

선택한 datalist 에 data() 값을 가져오고 싶습니다.

QA

선택한 datalist 에 data() 값을 가져오고 싶습니다.

본문

선택한 요소의 data-num 값을 가져오고 싶습니다.

jquery로 어떻게 해야 하나요?

$('body')on('change', function(){

});

를 사용하면 되나요?

아니면 어던 방법이 있을까요?


<input type="text" list="depList">
<datalist id="depList">
    <option value="강백호" data-num="10"></option>
    <option value="서태웅" data-num="11">/option>
    <option value="정대만" data-num="14"></option
</datalist>

이 질문에 댓글 쓰기 :

답변 4

thumb-2009389905_1674726031.5793_730x337.png


<style>
.wrap {
    width: 100%;
    position: fixed;
    bottom: 1em;
    text-align: center;
}
</style>
<div class="wrap">
    <input type="text" list="depList" id="depSelect">
    <datalist id="depList">
        <option value="강백호" data-num="10"></option>
        <option value="서태웅" data-num="11"></option>
        <option value="정대만" data-num="14"></option>
    </datalist>
</div>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
function get_datalist_opt_attr(obj, attr, val) {
    var rtn = null;
    if ($(obj).length == 1) {
        $(obj).children().each(function (idx, opt) {
            if ($(opt).val() == val) {
                rtn = $(opt).attr(attr);
                return false;
            }
        });
    }
    return rtn;
}
$('#depSelect').bind('input', function(evt) {
    var el = evt.target;
    var dlist = $('#' + $(el).attr('list'));
    var attr = get_datalist_opt_attr(dlist, 'data-num', el.value);
    console.log(el.value + ' : ' + attr);
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
전체 123,125 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT