如何为显示jquery滑块值的文本框设置默认值
How can I set a default value to a textbox that displays my jquery slider value
我有一个jquery滑块,最小值为1,最大值为400。当我移动滑块时,相应的值会显示在文本框中。然而,我想在页面上显示最小值。请在文本框和滑块上加载,我该如何实现这一点?这是我的滑动码
/*slider begin*/
$("#slider").slider({
value:1,
max:400,
min:1,
/*
change:function(event,ui){
$("input#amt").val(ui.value)
}
*/
slide: function(event, ui) { $("#amt").val(ui.value) }
});
$("#amt").change(function(event) {
var data = $("#amt").val();
if (data.length > 0)
{
if (parseInt(data) >= 0 && parseInt(data) <= 400)
{
$("#slider").slider("option", "value", data);
}
else
{
if (parseInt(data) < 0)
{
$("#amt").val("0");
$("#slider").slider("option", "value", "0");
}
if (parseInt(data) > 400)
{
$("#amt").val("400");
$("#slider").slider("option", "value", "400");
}
}
}
else
{
$("#slider").slider("option", "value", "1");
}
});
/*slider end*/
您可以首先设置滑块值:
$("#slider").slider( "value" , 1);
然后读取它以设置文本框值(或者只将文本框值设置为-1,但不太好看)
$("#amt").val($("#slider").slider( "value"));
您的滑块应按原样设置为1-滑块的值选项执行以下操作。来自API:
如果只有一个控制柄,则确定滑块的值。如果有多个控制柄,则确定第一个控制柄的值。
代码示例
使用指定的值选项初始化滑块。
$( ".selector" ).slider({ value: 37 });
您可以按如下方式设置文本框的值:
$("#amt").val(1);
相关文章:
- Javascript:是否可以在2D画布中为不同的文本设置不同的字体大小
- 我可以为高图表中的所有文本设置默认颜色吗?
- 如何将文本设置为画布圆形
- 将文本设置为google+共享按钮
- 在网格加载数据后,将行列文本设置为粗体
- 在WordPress中使用标题文本设置花哨的框标题
- 使用 JavaScript 将标签文本设置为跨度宽度
- 将文本设置为“来自 JavaScript 的输入”
- 如何使用 ExtendScript 在 InDesign 中以编程方式将文本设置为“小型大写字母”
- 如何从javascript var或输入类型文本设置php mysql
- 将段落文本设置为 JSON 数据结果
- AngularJS通过文本设置选定的选项
- 读取 HTML 并将文本设置为变量
- 如何使用jquery或javascript使用选定的下拉选项文本设置innerhtml
- 仅为附加文本设置字体大小
- jQuery-使用嵌套在optgroups中的值或文本设置选择框的选定选项
- 用图像和文本设置画布的背景颜色
- 单击文本并将文本设置/定义为javascript变量的值
- 如何将文本设置为货币格式
- 当使用 jQuery 从下拉列表中选择一个值时,将输入文本设置为只读