Question

每当在“范围输入”中选择一个数字时，请显示某个预设值。在那段代码中，我现在几乎就在那里，但我不想计算（添加，乘法或其他任何东西），而是想要一个由我定义的数字。

示例：

如果“范围输入”设置为12，则将显示“运输 - $ 22.00”。

如果范围输入设置为42，则：发货 - 将显示$ 136.00。

没有规则也没有明确的计算，我需要创建所有选项。从选项1到65，也就是说，我将为范围输入中的每个数字创建65个定义值。

我希望你能理解，我试着解释最好的！哈哈

感谢您的帮助！

<script>
    var val = document.getElementById("valR").value;

    // Caculate your price from the chosen value
    var price = Number(val) + 22;

    document.getElementById("range").innerHTML = val;
    document.getElementById("money").innerHTML = "$ " + price;

    function showVal(newVal) {
        var newprice = Number(newVal) + 22; // Caculate the price from the chosen value
        document.getElementById("range").innerHTML = newVal;
        document.getElementById("money").innerHTML = "$ " + newprice;
    }
</script>

<input id="valR" type="range" min="1" max="65" value="0" step="1" oninput="showVal(this.value)" onchange="showVal(this.value)" />

<span id="range">1</span>
<div id="money"></div>

范围输入显示设定值

0 个答案: