Javascript 将隐藏字段值替换为要传递到表单PHP的NoUiSlider值

我在我的网站上使用了NoUiSlider JS插件，它允许用户使用滑块选择预算，这很好，但我希望他们选择的值包含在联系人/报价表中

我在表单中添加了一个隐藏字段，我认为需要从NoUiSlider部分替换该值

这是我的密码，有什么想法吗

<div id="slider-range"></div>

<div id="budget_value">
    &pound;<div id="slider-range-value"></div>
</div>

<input type="text" name="budget" value="" id="budget" class="hid"/>

<script>
    var rangeSlider = document.getElementById('slider-range');
    noUiSlider.create(rangeSlider, {
        start: [ 1500 ],
        step: 250,
        range: {
            'min': [  0 ],
            'max': [ 10000 ]
        }
    });
    var rangeSliderValueElement = document.getElementById('slider-range-value');
    rangeSlider.noUiSlider.on('update', function( values, handle ) {
        rangeSliderValueElement.innerHTML = values[handle];
    });
</script>

&磅；
var rangeSlider=document.getElementById（'slider-range'）；
创建（范围滑块{
起点：[1500]，
步骤：250，
范围：{
“min”：[0]，
“最大值”：[10000]
}
});
var rangeSliderValueElement=document.getElementById（'slider-range-value'）；
RangeSlaider.noUiSlider.on（'update'，函数（值，句柄）{
rangeSliderValueElement.innerHTML=值[句柄]；
});

问候

---

利亚姆首先有一个隐藏的输入类型：

<input type="hidden" name="budget" value="" id="budget-input" />

---

完美的非常感谢你！

var budgetInput = document.getElementById('budget-input');

rangeSlider.noUiSlider.on('update', function( values, handle ) {
    rangeSliderValueElement.innerHTML = values[handle];
    budgetInput.value = values[handle];
});