js输入数值后自动进行搜索产品

js输入数值后自动进行搜索产品_第1张图片

加载JQuery文件进来

{{ ‘jquery.min.js’ | asset_url | stylesheet_tag }}

<script>
function validate(elem) {
    var value1 = document.getElementById("inputminbox").value;
    var value2 = document.getElementById("inputmaxbox").value;
    if (value1 !== "" && value2 !== "") {
        console.log(value1);
        window.location.href = "?filter.v.price.gte=" + value1 + "&filter.v.price.lte=" + value2;
    }
}
</script>
<div class="clx boxcccc111">
<input type="number" id="inputminbox" value="{{ filter_min_value }}" name="" onblur="validate(this)" placeholder="$1"/>
<input type="number" id="inputmaxbox" value="{{ filter_max_value }}" onblur="validate(this)" placeholder="$300"/>  
div> 

你可能感兴趣的:(javascript,开发语言,ecmascript)