将jquery ui slider值写入数据库

时间:2015-09-11 21:25:02

标签: javascript jquery jquery-ui uislider jquery-ui-slider

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

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"));

小提琴: https://jsfiddle.net/99x50s2s/106/

php部分工作正常($_POST[dog_price])。我只需要获得价值 我会非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

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

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

感谢Joshua 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

相关问题