获取输入字段的值并设置aria-valuenow
获取输入字段的值并设置aria-valuenow
提问于 2021-05-10 09:57:18
我的页面上有一个隐藏的输入域，其中包含一个值。我正在尝试弄清楚如何将该特定值传递到我的滑块中，以便来自输入字段的值与页面加载时的aria-valuenow相同。
我的HTML如下所示：
<input name="input_50" id="input_14_50" type="hidden" class="gform_hidden" aria-invalid="false" value="3500">
<div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="1000000.0" aria-valuenow="500000.0" aria-valuetext="500000"><div class="noUi-touch-area"></div><div class="noUi-tooltip">500.000</div></div>我正在尝试使用Javascript来实现这个功能，但似乎根本不起作用：
function setSlidervalue() {
document.getElementById('input_14_50').value = document.getElementByClassName('noUi-handle-lower').attr('aria-valuenow');
}回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-10 10:29:06
您的JavaScript中存在错误，无法通过必须使用的类名获取元素
document.getElementsByClassName("noUi-handle-lower");因此，如果这是第一个具有类名noUi-handle-lower的元素，那么您的代码将是。
document.getElementById('input_14_50').value = document.getElementsByClassName("noUi-handle-lower")[0].getAttribute('aria-valuenow');这里指的是第一个元素，依此类推。仅使用JavaScript
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67463875
复制相关文章
相似问题
腾讯云开发者
