如何从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("$",""));