今天使用datalist标签时，想要获得选中的值，发现使用datalist标签上的val()输出结果一直都是空的
后面改用配套的input获得值
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(window).on('load', function () {
$('#check').click(function () {
alert($("#datalist_1").val());
alert($("#txt_1").val());
});
});
</script>
</head>
<body>
<input id="txt_1" list="datalist_1" />
<datalist id="datalist_1">
<option data-id="data_1" value="val_1"></option>
<option data-id="data_2" value="val_2"></option>
<option data-id="data_3" value="val_3"></option>
</datalist>
<button id="check">check</button>
</body>
</html>