Как получить значения из ползунка ценового диапазона?

Question

https://jqueryui.com/slider/#range Я использую этот слайдер диапазона, но у меня есть проблема, чтобы получить значения в контроллере. В клинке у меня есть это:

<input type="text" id="amount" readonly name="price" > 

Это мои ЯШИ:

$(function() { 
    var hash = window.location.hash; 

    // do some validation on the hash here 
    hash && $('ul.nav a[href="' + hash + '"]').tab('show'); 

    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 30000, 
     values: [ 0, 30000 ], 
     slide: function(event, ui) { 
      $("#amount").val(ui.values[ 0 ] + " - " + ui.values[ 1 ] + " CHF"); 
     } 
    }); 
    $("#amount").val($("#slider-range").slider("values", 0) + 
    " - " + $("#slider-range").slider("values", 1) + " CHF"); 
}); 

Answer 1

Вы должны изменить Javascript, чтобы функция слайда записывала значение на два разных входа, которые могут быть легко прочитаны сервером.
Это можно сделать в событии slide, где вы теперь добавляете значения вместе и добавляете валюту.

Что-то вроде этого:

<input type="text" name="minval" id="minval" /> 
<input type="text" name="maxval" id="maxval" /> 

$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    values: [ 75, 300 ], 
    slide: function(event, ui) { 
     $("#minval").val(ui.values[0]); 
     $("#maxval").val(ui.values[1]); 
    } 
}); 

Теперь вы сможете получить значение, как и $request->minval$request->maxval.

Answer 2

Используйте Request объект как обычно:

public function someMethod(Request $request) 
{ 
    $price = $request->price; 

Если он пуст, то есть некоторые проблемы с JS кодой ,