将 jquery ui 滑块值写入数据库

Question

我想将 jquery 滑块的值发送到数据库。我知道这个问题已经有很多答案了，但是 none 对我有帮助。

HTML

<label for="input-sale6">price</label>
<input type="text" id="input-sale6" name="dog_price" readonly />
<div id="slider"></div>

Jquery

$("#slider").slider({
        range: "min",
        value: 100,
        min: 0,
        max: 2000,
        step: 50,
        slide: function(event, ui) {
            $("#input-sale6").val("€" + ui.value);
        },
        change: function(event, ui) { 
            $("#input-sale6").val("€" + ui.value); 
        } 
    });
    $("#input-sale6").val("€" + $("#slider").slider("value"));

Fiddle: https://jsfiddle.net/99x50s2s/106/

php 部分工作正常 ($_POST[dog_price])。我只需要获取值。
如果有任何帮助，我将不胜感激！

Answer 1

我认为您只需要更改访问滑块值的方式

$("#input-sale6").val("€" +$( "#slider" ).slider( "option", "value" ));

谢谢约书亚 K

现在试试这个：

$("#slider").slider({
    range: "min",
    value: 100,
    min: 0,
    max: 2000,
    step: 50,
    slide: function(event, ui) {
        $("#input-sale6").val("€" + $("#slider").slider("option", "value"));
    },
    change: function(event, ui) { 
       $("#input-sale6").val("€" + $("#slider").slider("option", "value"));
    } 
});
$("#input-sale6").val("€" + $("#slider").slider("option", "value"));

它对我有用here

将 jquery ui 滑块值写入数据库

write jquery ui slider value to database

javascript

jquery

jquery-ui

uislider

jquery-ui-slider