gpt4 book ai didi

javascript - 在范围值中输出 HTML 输入范围

转载 作者:行者123 更新时间:2023-12-01 00:50:45 25 4
gpt4 key购买 nike

我在页面上使用 rangeslider.js 并希望在要提交的隐藏表单字段中显示值。隐藏字段只能接受范围格式的值,例如 50-205,其中 50 是范围的最小值,205是通过移动 slider 选择的动态数字。

目前,该值似乎正在从代码中的 50- 中减去。我需要做什么才能使其值为 50-xxx,其中 xxx 是动态值?

<input type="range" value="" min="50" max="800" aria-required="true" aria-invalid="false" data-rangeslider name='input_5' id='input_1_5' oninput="document.getElementById('testfield').value = 50-this.value)">

<input type="hidden" id="testfield" name="testfield" value="" />

最佳答案

从外观上看,您只需要一些引号。

使用模板字符串:

oninput="document.getElementById('testfield').value = `50-${this.value}`"

使用.toString()

oninput="document.getElementById('testfield').value = '50-'+(this.value.toString())"

正如 @Andreas 所指出的,HTMLInputElement#value 将始终返回一个字符串,因此您实际上不需要此处的 .toString() 调用。但是,如果您想在将来的任何时候使用数字数据类型,则需要深入了解 JavaScript type coercion .

oninput="document.getElementById('testfield').value = '50-'+this.value"

关于javascript - 在范围值中输出 HTML 输入范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56994092/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com