使用数据列表的JQuery获取自定义atrribute值

Question

我试图在数据列表中获取自定义属性的值但没有成功，有人可以帮助我吗？

Datalist

<div class="form-group col-md-6">
     <label for="sel_cidade">Cidade</label>
     <input type="text" name="sel_cidade" id="sel_cidade" list="sel_municipio" class="form-control">
     <datalist id="sel_municipio" name="sel_municipio">
         <?php
             foreach ($selectMunicipioIBGE as $r ) {
                echo '<option data-value="' . $r->cidadeCodigo . '">' . $r->cidadeNome;
             }
         ?>
     </datalist>
     <input type="hidden" name="sel_cid" id="sel_cid">
</div>

JQuery

$("#sel_cidade").on("change", function () {
    console.log($("#sel_municipio").val($("#sel_municipio").attr("data-value")));
});