如何從jquery-ui滑塊輸入中刪除美元符號？

Question

我想要使用jquery-ui滑塊（http://jqueryui.com/demos/slider/#steps），其中滑塊位置的值顯示在輸入框中，並且輸入框值的更改將重新定位滑塊索引。

JS片段：

$("#slider, ").slider({ 
    range: "min", 
    value: 1, 
    step: 4, 
    min: 1, 
    max: 18, 
    slide: function(event, ui) { 
     $(".slider_input").val("$" + ui.value); 

     //$(".slider_input").val( ui.value); 
    } 


    }); 


$(".slider_input").change(function() { 
    var value = this.value.substring(1); 

    $("#slider").slider("value", parseInt(value)); 
}); 

HTML：

<div id="slider"></div> 

<input class="slider_input" /> 

但我想從輸入刪除美元符號。如果我使用$(".slider_input").val( ui.value);而不是$(".slider_input").val( ui.value);，則手動更改輸入框值不會像預期的那樣移動滑塊索引位置。

如何刪除美元符號並使滑塊相應地工作？

Answer 1

這裏是工作提琴：http://jsfiddle.net/ranjith19/wm8Dh/5/

Answer 2

您可以使用spit功能。

> "$42.00".split('$') 
[ '', '42.00' ] 


> "$42.00".substring(1) 
'42.00' 

Answer 3

使用replace從值刪除$。

$(".slider_input").val(ui.value.replace("$",""));