滑块范围jQuery Uj.使用ajax提交值
Slider Range jQuery Uj. Submit value with ajax
我已经在我的网站上安装了"Slider Range Widget jQuery Uj",你可以在这里查看文档:
http://jqueryui.com/slider/#range
//basic installation is here
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
html
<label for="amount">Price range:</label><input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
如何在更改时使用ajax提交"amount"的值?
您可以在stop()
中执行此操作
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
},
stop: function( event, ui ) {
$.ajax({
//do your ajax call here
});
}
});
希望这能有所帮助,谢谢
相关文章:
- 表单不会通过ajax提交
- 使用Ajax提交表单
- 如何创建动态ajax提交表单
- 如何在使用ajax提交的codeigniter中使用form_validation验证表单数据
- Ajax提交多值
- jquery通过ajax验证电子邮件,然后再通过ajax提交表单
- 检测ajax提交
- 带有两个变量函数的Ajax提交表单
- 从AJAX提交中拆分数组$_FILES
- 将dataUrl转换为blob并通过ajax提交
- 带有前导散列字符的ajax提交的目的是什么
- Ruby On Rails Ajax 提交提交两次
- AJAX 表单不是 AJAX 提交
- Ajax 提交表单有时有效,有时直接重定向到操作网址
- 在使用 jQuery 验证插件进行验证后,使用 AJAX 提交表单
- 如何使用Jquery AJAX提交多个表单
- 使用ajax提交邮件表单的正确方法?-没有JQuery
- 如何使js成为通过ajax提交的rails表单的格式
- 在jquery停止事件时通过ajax提交表单
- 在AJAX提交之前使用jQuery进行多重下拉选择验证