Question

https://jqueryui.com/slider/#range我正在使用此范围滑块，但我在控制器中获取值时遇到问题。在刀片我有这个：

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

这是我的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

您应该更改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代码存在一些问题。

如何从价格范围滑块获取价值？

2 个答案: