從jquery滑塊獲得價值

Question

我創建了一種註冊表單，並且我使用了FORM標籤來表示名稱等，我還需要滑塊。我用jquery創建了我的滑塊。 有沒有什麼辦法可以從這個滑塊「轉發」數值，就像我將從FORM標記輸入中獲得的PHP腳本一樣？ 感謝

<p style="text-align: center">Amount: <span id="amountDisp" style="color: #ff0000">500</span><div id="amount_slider"></div></p> 

function() { 
$("#amount_slider").slider({ 
      handle: "myhandle", 
    orientation: "horizontal", 
    range: false, 
    min: 500, 
    max: 4999, 
    value: 500, 
    step: 1, 
      animate: true, 
    change: function (event, ui) { 
     $("#amount").text(ui.value); 
     calculate(); 
    }, 
      slide: function (event, ui) { 
     $("#amountDisp").text(ui.value); 
    } 
}); 

Answer 1

要發佈價值觀上的PHP服務器，你需要一些文本框時，滑塊改變保存價值。你可以使用隱藏的輸入。在這個隱藏的輸入中設置值，並與其他表單元素一起發佈。

更改HTML到以下 -

<p style="text-align: center"> 
    Amount: <span id="amountDisp" style="color: #ff0000">500</span> 
    <div id="amount_slider"></div> 
    <input type="text" id="amount_field"> 
</p> 

我沒用過hidden輸入演示的目的和變革JS來 -

$("#amount_slider").slider({ 
    handle: "myhandle", 
    orientation: "horizontal", 
    range: false, 
    min: 500, 
    max: 4999, 
    value: 500, 
    step: 1, 
    animate: true, 
    change: function (event, ui) {  
     $("#amount_field").val(ui.value); 
     $("#amountDisp").text(ui.value); 
     calculate(); 
    }, 
    slide: function (event, ui) { 
     $("#amount_field").val(ui.value); 
     $("#amountDisp").text(ui.value);   
    } 
}); 

SEE DEMO

UPDATE

如果萬一你正在使用ajax的提交表單，您可以直接從amountDisp挑選價值與 -

var sliderAmount = $("#amountDisp").text();