2015-05-31 30 views
0

使用随后的代码,jQuery滑块可以正常工作,并且正在使用搜索表单进行提交。我需要从url中排除它,因为它影响我的查询。它可以从选择字段根据下面的语法是:如何从使用GET表单提交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 
       } 
    }); 
}); 

显然,它不与节目工作/隐藏jQuery的功能,因为它只hiddes领域,而不是阻止其提交。

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."); 
}); 

任何想法,伙计们?

+0

做出[的jsfiddle](http://jsfiddle.net/) –

+0

我想可以使用jQuery serialize函数不包括与显示元素:无风格或禁用属性? – worldwildwebdev

+0

如果您将表单项设置为禁用,则不会发布。 Dysplay不会影响发布表单的事件 –

回答

0

这对我来说很好。我仍然想不到更好的解决方案。

$('#parent-div-id').children(":input").prop("disabled", true);