Javascript 基础6.2滑块设置值与JS

我想用javascript设置Slider的值，但我不知道怎么做。我试图修改隐藏输入的值，但滑块控制柄不移动

我的HTML：

 <div class="slider" data-slider data-initial-start="50" data-step="5">
    <span class="slider-handle"  data-slider-handle role="slider" tabindex="1" ></span>
    <span class="slider-fill" data-slider-fill></span>
    <input type="hidden"> 
  </div>

---

请帮忙。谢谢。

您好，当您移动滑块手柄时，新值将设置到隐藏输入中。 但是更改隐藏输入的值不会移动滑块

所以你可以这样做：

var pos=5；
MyStudio=新的基础。滑块（$（“yyMySoLoad”），{IngalStest:PoS}）；<代码>
您必须更改隐藏的输入类型，并将aria controls=“id”添加到滑块句柄中，“id”是输入的id-输入可以在页面上的任何位置，然后现在您只需使用javascript更改输入的值

<div class="slider" data-slider data-initial-start="50" data-step="5">
    <span class="slider-handle"  data-slider-handle role="slider" tabindex="1" aria-controls="myInputId" ></span>
    <span class="slider-fill" data-slider-fill></span>
    <input type="number" id="myInputId"> 
</div>


document.getElementById("myInputId").value = "99";


document.getElementById（“myInputId”）.value=“99”；
我为此挣扎了一段时间，真正的关键是你需要做三件事：

使用隐藏的输入字段创建滑块
将输入字段的值设置为新位置
在字段上触发更改事件
这里有一个简单的例子说明它的工作原理。
$（document.foundation（）；
功能跳到（val）{
$（“#exslider input”）.val（val）.trigger（'change'）；
}
//只是为了露齿而笑，一开始就跳到一个固定的位置。
跳到（33）；


这表明设置一个基础滑块的值，而不必重新创建滑块。
关键是隐藏的输入自动与滑块值关联。
设置该值不足以使其更新，必须触发更改
事件，以便基础知道更新滑块。
跳到5
跳到50岁
跳到100
您想通过javascript还是通过一些操作（如单击）来设置页面加载的值？我想在触发焦点事件时设置该值。它可以工作。非常感谢。但是，这似乎不是一个非常优雅的解决方案这似乎不起作用。真丢脸，那太优雅了。滑块不会仅仅通过更改输入值来移动