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

我已使用范围选择器(进度栏)从客户那里获取测量结果。我已将其限制设置为1到50, 因此如果用户不选择它, 则默认情况下它取1值, 并且用户可以将产品添加到购物车而无需选择范围选择器。有什么方法可以通过javascript(无jQuery)将页面加载的默认值更改为不允许用户向购物车添加产品的内容。

链接：https：//cutt.ly/nrB4PAR

我现在正在使用此代码, 但无法正常工作。我希望value为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>

更新：

#1

我不确定我是否真的理解你为什么需要这样做, 但是你必须将该代码放入函数中, 然后调用事件监听器。

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);

#2

在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。引用链接https://refreshless.com/nouislider/slider-read-write/