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

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