Question

我有以下代码，显示一个滑块，用户可以在3个选项中选择：Pale，Medium或deep

 <input id="concentration" type="text"
                            data-provide="slider"
                            data-slider-ticks="[1, 2, 3]"
                            data-slider-ticks-labels='["pale", "medium", "deep"]'
                            data-slider-min="1"
                            data-slider-max="3"
                            data-slider-step="1"
                            data-slider-tooltip="hide" />

如果未触摸滑块，如何设置默认值？目前，如果未触摸滑块，则javascript将获得的值为3，这是最大值。我想将其设置为默认值为1。感谢

Answer 1

尝试使用data-slider-val或data-slider-value属性。

在你的情况下看起来像这样：

<input id="concentration" type="text"
                            data-provide="slider"
                            data-slider-ticks="[1, 2, 3]"
                            data-slider-ticks-labels='["pale", "medium", "deep"]'
                            data-slider-min="1"
                            data-slider-max="3"
                            data-slider-step="1"
                            data-slider-tooltip="hide"
                            data-slider-value="1"
 />

如果我没弄错，你使用的是Slider for Bootstrap。

如果我是对的，您可以访问this演示页以获取更多信息。

Answer 2

添加data-slider-value=""并在其中包含您想要的任何默认值，然后在加载时将具有该值。例如：

data-slider-value="1"

如何设置生成滑块的输入的默认值？

2 个答案: