【问题标题】:Change import data displayed depending on slider value根据滑块值更改显示的导入数据
【发布时间】:2021-01-12 00:03:30
【问题描述】:

我正在尝试找到一种方法来根据滑块的值更改 var "prezzo"。 Var "prezzo" 必须从 acf 插件导入数据,我可以使用 get_field 函数加载该值,但我无法构建 IF 语句来更改要导入的值。在此先感谢大家可以帮助我显示正确的代码

var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
var prezzo = document.getElementById("demoprezzo");
output.innerHTML = slider.value; // Display the default slider value

// Update the current slider value (each time you drag the slider handle)
slider.oninput = function() {
  output.innerHTML = this.value;
//  if (slider = 12) {    I can't go on 
   
}

// This is the function to import data from acf plugin. It works
//<?php

//$variable = get_field('prezzo');

//echo $variable
  
//?>
<h1>Durata</h1>
<div class="slidecontainer">
  <input type="range" min="12" max="36" value="12" step="12" class="slider" id="myRange">
  <p>Value: <span id="demo"></span></p>
  <p>Prezzo: <span id="demoprezzo"></span></p>
</div>

【问题讨论】:

  • Php 在浏览器从服务器获取 html 之前运行并完全完成,因此您尝试的(看起来)是不可能的。

标签: javascript php wordpress if-statement advanced-custom-fields


【解决方案1】:

如果您尝试检查滑块的值是否为 12,则为

if (slider.value = 12) {

}

【讨论】:

  • 谢谢Ilan,但我需要根据滑块值找到刷新var“prezzo”的方法
  • 好的。刷新是什么意思?您是否尝试更改变量的值或它所引用的 HTML 元素?
猜你喜欢
  • 1970-01-01
  • 2020-12-05
  • 1970-01-01
  • 2017-10-05
  • 1970-01-01
  • 2021-11-05
  • 2019-11-13
  • 2021-06-15
  • 1970-01-01
相关资源
最近更新 更多