我已使用范围选择器(进度栏)从客户那里获取测量结果。我已将其限制设置为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").valuehttp://www.srcmini.com/= "";
}<
/script>
文章图片
更新：
文章图片
#1 我不确定我是否真的理解你为什么需要这样做, 但是你必须将该代码放入函数中, 然后调用事件监听器。
function changeVal() {
var range_val = document.getElementById("tmcp_range_1").value;
if (range_val == 1) {
document.getElementById("tmcp_range_1").valuehttp://www.srcmini.com/= "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").valuehttp://www.srcmini.com/= "22";
}
}
window.addEventListner("load", updateVal);
而且, 你还需要更改noUiSlider逻辑以更新UI。引用链接https://refreshless.com/nouislider/slider-read-write/
推荐阅读
- 如何以编程方式更改WordPress的默认帖子永久链接（）
- 如何更改Woocommerce购物车图标
- 如何将结帐页面中显示的”下订单”文本更改为”预订”（ [关闭]）
- 如何使用wp_enqueue_script在foreach中更改顺序（）
- 如何使用WordPress Avada子主题将主logo的链接更改为自定义URL而不是首页（）
- 如何在WordPress帖子中更改h2，h3，h4的颜色
- 如何在WordPress中居中滑动条
- 如何避免在看起来有效的数组上出现php Countable错误
- 阿里云 yum 源切换