$("input[name=TypeList]").focusout(function(){
alert($(this).attr('data-value'));
});
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="s" name = "TypeList" list = "TypeList" placeholder = "Select Type"/>
<datalist id = "TypeList">
<option data="1" data-value="1">Internet Explore1</option>
<option data-value="4">Internet Explore4</option>
<option data-value="3">Internet Explore3</option>
<option data-value="2">Internet Explore2</option>
</datalist>
</body>
您可以使用jQuery :contains()
pseudo-class selector基于内容进行选择。
[$("input[name=TypeList]").focusout(function() {
var val = this.value;
alert($('#TypeList option').filter(function() {
return val === this.value;
}).attr('data-value'));
});
应该为您完成这项工作..:)
还有另一种方法可以通过对输入值的更改事件做出反应:
不确定是否有比这更简单的解决方案。请尝试以下。