获取输入字段的值并设置 aria-valuenow答案

【问题标题】：Get value of input field and set aria-valuenow获取输入字段的值并设置 aria-valuenow
【发布时间】：2021-05-10 01:57:17
【问题描述】：

我的页面上有一个隐藏的输入字段，其中包含一个值。我试图弄清楚如何将该特定值传递到我的滑块中，以便输入字段中的值与页面加载时的 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');
}

【问题讨论】：

标签： javascript html jquery input

【解决方案1】：

你的 JavaScript 有错误要按类名获取元素，您必须使用

document.getElementsByClassName("noUi-handle-lower");

因此，如果这是第一个具有类名 noUi-handle-lower 的元素，那么您的代码将是。

document.getElementById('input_14_50').value =   document.getElementsByClassName("noUi-handle-lower")[0].getAttribute('aria-valuenow');

这里的 [0] 表示第一个元素，依此类推。仅使用 JavaScript

【讨论】：