2015-05-31 54 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);