How to remove jQuery slider values from submitting with GET form -
with followed code jquery slider works fine , it's submitting search form. need exclude url, because it's affecting query. can depending select field following syntax:
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 url default if (my_range == 'yes' ){ $("#id-of-range-slider").show(); // if yes option selected show slider , accept in url } else if(my_range == 'no') { $("#id-of-range-slider").hide(); // remove if value changed } }); });
apparently, doesn't work show/hide jquery functions, because hiddes field, not preventing submitting.
html slider:
<input type="text" name ="amount-range" id="amount" readonly> <div id="slider-range"></div>
javascript slider
jquery(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 100000, values: [ 5000, 25000 ], slide: function( event, ui ) { $( "#amount" ).val( "between " + ui.values[ 0 ] + " , " + ui.values[ 1 ] + " currency."); } }); $( "#amount" ).val( "between " + $( "#slider-range" ).slider( "values", 0 ) + " , " + $( "#slider-range" ).slider( "values", 1 ) + " currency." ); });
any ideas, guys?
this works fine me. couldn't thought of better solution still.
$('#parent-div-id').children(":input").prop("disabled", true);
Comments
Post a Comment