Wie erhalten Sie Werte aus Preisbereich Schieberegler?

Question

https://jqueryui.com/slider/#range Ich benutze diesen Bereich Schieberegler aber ich habe Probleme, Werte im Controller zu erhalten. In Klinge habe ich diesen:

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

Das ist mein js:

$(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

Sie sollten das Javascript ändern, damit die Schiebefunktion den Wert in zwei verschiedene Eingaben schreibt, die vom Server leicht gelesen werden können.
Dies kann im slide Ereignis geschehen, wo Sie jetzt die Werte zusammen hinzufügen und eine Währung hinzufügen.

Etwas wie folgt aus:

<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]); 
    } 
}); 

Jetzt werden Sie in der Lage sein, die Werte wie $request->minval und $request->maxval zu bekommen.

Answer 2

Verwenden Request Objekt wie gewohnt:

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

Wenn es leer ist, dann gibt es ein Problem mit JS-Code .