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

</p>

<p><style>

.wrap {

    width: 100%;

    position: fixed;

    bottom: 1em;

    text-align: center;

}

</style></p>

<p><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></p>

<p><script src="<a href="http://code.jquery.com/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery.min.js"></script></a>

<script>

function get_datalist_opt_attr(obj, attr, val) {

    var rtn = null;</p>

<p>    if ($(obj).length == 1) {

        $(obj).children().each(function (idx, opt) {

            if ($(opt).val() == val) {

                rtn = $(opt).attr(attr);

                return false;

            }

        });

    }</p>

<p>    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></p>

<p>