將滑塊值插入表單域

Question

我正在使用jQuery UI中的滑塊並想要將滑塊值插入到表單中。我該如何做到這一點？以下是我的表單的代碼片段。

謝謝。

$("#slider").slider({ max: 200000,step:50, 
    change: function(event, ui) { 
     $('what_to_insert_here').empty().append(ui.value); 
    } 
}); 

<form action='/submit' method="POST"> 
    <div class = 'form'> 
     <label>SliderValue:</label> 
     <input type="text" name="Value" > </input> 
    </div> 
    <input type="submit" value="Submit!" /> 
</form> 

Answer 1

如果我正確理解你的問題，那麼你有兩個步驟完成：

1. 變化<input type="text" name="Value" > </input>到<input type="text" name="Value"/>。 input標籤沒有結束標籤。
2. 改變你的jQuery以下幾點：

    
   $("#slider").slider({ 
       max: 200000, 
       step:50, 
       change: function(event, ui) { 
        $(".form input[name='Value']").val(ui.value); 
       } 
   });

我們用了jQuery做的是設置DIV中的input元素的value屬性與類form到任何ui.value等於。