gpt4 book ai didi

javascript - 如何使用 jQuery 获取数据列表中选定的属性值

转载 作者:行者123 更新时间:2023-12-01 01:05:53 26 4
gpt4 key购买 nike

$("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>

最佳答案

不确定是否有比这更简单的解决方案。请尝试以下。

$("input[name=TypeList]").focusout(function(){
console.log($([].slice.call($(this)[0].list.children).filter((e) => {

return e.value === $(this).val();
})).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>

关于javascript - 如何使用 jQuery 获取数据列表中选定的属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59876704/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com