Question

我正在使用JQuery滑块来允许网站成员编辑搜索半径并自动将值输入到隐藏字段中。我正在使用的代码运行良好，但它后显示太多数字。在输入字段中。我创造了一个小提琴来更好地展示它。有谁知道如何防止输入字段中的大量数字？

这是我的代码＆amp;的jsfiddle：

<div class="sectionInner">
                                        <input type="text" data-slider="true" data-slider-range="4,50">
                                        <div class="sliderLabel">Find Events Within&nbsp;</div>
                                        <div class="sliderLabel output"></div>
                                        <div class="sliderLabel">&nbsp;Miles of <?php echo $yourpostcode; ?></div>
                                        <div class="sliderLabel"><a id="radButton">Find Them</a></div>
                                        <form id="radForm" method="post" action="events.php?type=rad&from=<?php echo $from; ?>">
                                            <input type="hidden" id="radSearch" name="var" />
                                        </form>
                                    </div>

$("[data-slider]")
.bind("slider:ready slider:changed", function (event, data) {
  $(this)
    .nextAll(".output:first")
    .html(data.value.toFixed(0));
    var slider = $(this).val();
    $('#radSearch').val(slider);
});

JS = http://jsfiddle.net/bxbzc/

Answer 1

您需要将slider变量更改为类似的整数

var slider = parseInt($(this).val(), 10);

http://jsfiddle.net/bxbzc/1/

JQuery数字滑块错误

1 个答案: