将隐藏字段值替换为NoUiSlider值的值,以传递到表单PHP
Replace hidden field value with value of NoUiSlider value to pass to form PHP
我在我的网站上使用了NoUiSlider JS插件,它允许用户使用滑块来选择预算,这很好,但我希望他们选择的价值作为联系/报价表的一部分。
我在表单中添加了一个隐藏字段,我认为该值需要从NoUiSlider部分替换。
这是我的代码,有什么想法吗?
<div id="slider-range"></div>
<div id="budget_value">
£<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>
亲切问候利亚姆
首先有一个隐藏的输入类型:
<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];
});
相关文章:
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 将带有多维数组的表单从Javascript提交到PHP
- 使用php将订单表单发送到邮件
- 传递给 PHP 表单时 JavaScript 动态变量上的未定义索引
- 用PHP发送html表单和文件附件
- 使用jquery调用vaadin应用程序表单php
- 使用Ajax插入Mysql表单php,无需重新加载页面
- 使用 AJAX 提交表单 PHP JQuery 将我带到操作页面
- jquery联系表单PHP问题
- 提交图片上传表单PHP
- 联系表单php、js和jquery问题
- 在HTML表单(PHP)中使用JQuery动态下拉列表
- 电子邮件表单PHP不工作
- 表单PHP在一个域上工作,而不是在另一个域
- 将隐藏字段值替换为NoUiSlider值的值,以传递到表单PHP
- 使用ajax发送表单PHP
- 如何发送html电子邮件注册表单php,将自动电子邮件我使用ajax
- 联系表单+ PHP +验证
- 支付导航表单php支付网关和返回php(响应返回php页面)
- 内联表单 PHP