为什么获取datalist的值不起作用？
为什么获取datalist的值不起作用？
提问于 2020-11-11 15:30:27
可以通知datalist所选选项的值，值为:1、2或3。
根据this other question的说法，它应该按原样工作。
Codepen:
https://codepen.io/ogonzales/pen/gOMZarJ
HTML：
<div class="__range __range-step __range-step-popup">
<input value="1" type="range" max="3" min="1" step="1" list="performance_options">
<datalist id="performance_options">
<option value="1">1080p</option>
<option value="2">1440p (2k)</option>
<option value="3">4K</option>
</datalist>
<output class="__range-output-square"></output>
</div>联署材料：
alert($('#performance_options').attr('value'));警报“未定义”，预期为1、2或3。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-11-11 15:53:49
如果你想提醒任何选项你应该选择它..。
这将提醒第一个人：
alert($('#performance_options option').attr('value'));这将提醒他们所有人：
$('#performance_options option').each(function(index, value) {
alert(`option${index}: ${this.value}`);
});由于您想要通知用户选择的选项，所以您应该侦听输入更改值，并通知相同的选项文本：
$('[type="range"]').on('change', function() {
let val = this.value;
alert($("#performance_options option[value=" + val + "]").prop("selected", true).text());
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64795720
复制相关文章
点击加载更多
相似问题
连接到运行在VM上的火花
如何将我的Android设备连接到运行在OSX上的VM？
通过Qt5连接到VM中的数据库
如何从运行在VM中的DPDK连接到internet
将运行在gcloud VM上的Spring连接到云SQL实例
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
