Z następującym kodem suwak jQuery działa dobrzei przesyła formularz wyszukiwania. Muszę wykluczyć go z adresu URL, ponieważ wpływa on na moje zapytanie. Czy może zależeć od wybranego pola o następującej składni:
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
}
});
});
Najwyraźniej nie działa z funkcjami pokaż / ukryj jQuery, ponieważ tylko ukrywa pole, nie uniemożliwiając jego przesłania.
Suwak HTML:
<input type="text" name ="amount-range" id="amount" readonly>
<div id="slider-range"></div>
Suwak 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." );
});
Jakieś pomysły, chłopaki?
Odpowiedzi:
0 dla odpowiedzi № 1To dobrze ze mną działa. Nadal nie mogłem wymyślić lepszego rozwiązania.
$("#parent-div-id").children(":input").prop("disabled", true);