Javascript 页面加载后如何更改输入值？

我使用了一个范围选择器（进度条）从客户那里获取测量值。我已经将它的限制设置为1到50，所以如果用户没有选择它，它默认值为1，并且用户可以在不选择范围选择器的情况下将产品添加到购物车中。是否有任何方法可以将javascript页面加载的默认值（无jQuery）更改为不允许用户将产品添加到购物车的值

链接：

我现在正在使用此代码，但它不起作用。我希望值为null

<script type="text/javascript" language="javascript">
    debugger;

    var range_val = document.getElementById("tmcp_range_1").value;
    if (range_val == 1)
        {
         document.getElementById("tmcp_range_1").value = "";
        }
    
</script>

调试器；
var range_val=document.getElementById（“tmcp_range_1”）.value；
如果（范围=1）
{
document.getElementById（“tmcp_range_1”）.value=“”；
}

更新：

---

我不确定我是否真的理解您为什么需要它，但您必须将该代码放入函数中，然后调用事件侦听器

function changeVal() {
  var range_val = document.getElementById("tmcp_range_1").value;
  if (range_val == 1) {
    document.getElementById("tmcp_range_1").value = "22";
  }
}

window.addEventListner("load", changeVal);

---

加载DOM后更新输入值将更改该值

function updateVal() {
    var range_val = document.getElementById("tmcp_range_1").value;
    if (range_val == 1) {
        document.getElementById("tmcp_range_1").value = "22";
    }
}
window.addEventListner("load", updateVal);

此外，您还需要更改noUiSlider逻辑以更新UI。

---

Ref link

不，它不起作用，它没有将值更改为22。我想这取决于您为事件侦听器选择的目标元素。在我的示例中，我设置了

窗口

，但您可以尝试其他解决方案。开发人员控制台中有什么？我认为您不应该像示例中那样更改它。首先，如果您想在页面加载中加载值22，您应该更改HTML中的

value

属性，但是当您想在某些操作中触发更改默认值时，您需要将此函数固定到某种事件。你的函数的问题是你没有在任何地方初始化它，但逻辑似乎是正确的。我希望它为空。对不起，我不明白。您想在量程输入上默认设置

null

值吗？您向我们展示了一个默认情况下将值更改为22的示例，因此我现在感到困惑，我不知道您想要实现什么。我希望它为null。您不能将null值设置为input。您粘贴了与下面相同的示例，作者告诉我们，在他的情况下，此解决方案不起作用。