Question

使用以下代码jQuery滑块工作正常，并使用搜索表单提交。我需要将其从网址中排除，因为它会影响我的查询。它可以取决于具有以下语法的选择字段：

jQuery(document).ready(function($){
    $("select[name=is_range]").change(function(){
            var my_range = $("select[name=is_range]").val();

                $("#id-of-range-slider").hide(); //exclude field from url by default

                if (my_range == 'yes' ){
                    $("#id-of-range-slider").show(); // if yes option is selected show slider and accept in url 
                }

                else if(my_range == 'no') { 
                    $("#id-of-range-slider").hide(); // remove it if value is changed
                }   
    });
});

显然，它不能与show / hide jQuery函数一起使用，因为它只会隐藏字段，而不会阻止它提交。

HTML滑块：

<input type="text" name ="amount-range" id="amount" readonly>
<div id="slider-range"></div>

Javascript滑块

jQuery(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 100000,
        values: [ 5000, 25000 ],
        slide: function( event, ui ) {
           $( "#amount" ).val( "Between " + ui.values[ 0 ] + " and " +  ui.values[ 1 ] + " currency.");
        }
    });

    $( "#amount" ).val( "Between " + $( "#slider-range" ).slider( "values", 0 ) + " and " + $( "#slider-range" ).slider( "values", 1 ) + " currency." );
});

任何想法，伙计们？

Answer 1

这对我很好。我还想不到更好的解决方案。

auto.arima

如何从使用GET表单提交中删除jQuery滑块值

1 个答案: