首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从span类中提取文本到FacetWP邻近输入文本字段

从span类中提取文本到FacetWP邻近输入文本字段
EN

Stack Overflow用户
提问于 2019-11-22 19:57:14
回答 1查看 198关注 0票数 0

我能够在页面加载时自动将span类中的文本复制到输入字段,但即使在使用FacetWP时,也无法使FWP.refresh()响应和更新结果

https://facetwp.com/documentation/developers/javascript/facetwp-refresh/

小面名称- proximity

Span类- local-addrress-name

输入类- facetwp-location

代码语言:javascript
复制
window.addEventListener('load', function () {
var nodes = document.querySelectorAll('.local-address-name');
var last = nodes[nodes.length- 1];
document.querySelector('.facetwp-location').value =last.innerHTML;
  setTimeout(function() {  
FWP.refresh(); // Change a facet value
         console.log( "ready!" );
  }, 2000);

    
});
代码语言:javascript
复制
<span class="local-address-name">Brunswick, GA, USA</span>

<input type="text" class="facetwp-location" value="" placeholder="Enter Zip or Address" id="facetwp-location" autocomplete="off">

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-11-22 21:55:25

FacetWP依赖于隐藏的lat/lng字段来完成繁重的工作,然后只是将所有的东西同步起来。这是通过在每个产品页面上使用lat/lng位置邻近来实现相关产品的一种简单方法。干杯!

代码语言:javascript
复制
window.addEventListener('load', function () {
var nodes = document.querySelectorAll('.local-address-name');
var last = nodes[nodes.length- 1];
document.querySelector('.facetwp-location').value =last.innerHTML;
});

window.addEventListener('load', function () {
var nodes = document.querySelectorAll('.local-lat-val');
var last = nodes[nodes.length- 1];
document.querySelector('.facetwp-lat').value =last.innerHTML;
});

window.addEventListener('load', function () {
var nodes = document.querySelectorAll('.local-lng-val');
var last = nodes[nodes.length- 1];
document.querySelector('.facetwp-lng').value =last.innerHTML;
FWP.refresh('');
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59000946

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档