Javascript 如何自动提交价格过滤器?

Javascript 如何自动提交价格过滤器?,javascript,jquery,woocommerce,Javascript,Jquery,Woocommerce,我正在尝试自动提交默认搜索筛选器 <div class="price_slider_amount" data-step="10"> <input type="text" id="min_price" name="min_price" value="70" data-min="70" placeholder="Preț Minim" style="display: none;"> <input type="text" id="max_price" na

我正在尝试自动提交默认搜索筛选器

<div class="price_slider_amount" data-step="10">
    <input type="text" id="min_price" name="min_price" value="70" data-min="70" placeholder="Preț Minim" style="display: none;">
    <input type="text" id="max_price" name="max_price" value="1140" data-max="1140" placeholder="Preț Maxim" style="display: none;">
    <button type="submit" class="button">Filtrează</button>
</div>

<div class="price_label" style="">

    Price: <span class="from">500&nbsp;</span> 
    —
    <span class="to">1.140&nbsp;</span>

</div>

正如我所说,处理滑块的更改非常简单。给你:

$('.price_slider').slider();
$(.price_slider”).on(“slidechange”,函数(事件,用户界面){
console.log('您的新值:'+ui.value)
//在这里你可以提交你的表格或做任何你需要的事情
} );


您只能提交表格。因此,您应该将
标记添加到您的输入中,或者您应该使用ajax请求。它位于标记内部,我只是忘了粘贴它。我的主要问题是如何使用js change函数来更改span值您确定要依赖
span
值吗?为什么您不使用
输入
来处理更改?CMS平台的工作方式是这样的,当我向上/向下移动价格过滤器时,这些值正在变化,因此,如果我可以获得范围中的值,或者只知道范围何时变化,这将解决问题(很高兴帮助您:)
$(".price_label span").change(function() {
    $(".price_slider_amount").submit();
});