获取两个 UI 滑块在其中一个更改时将值传递给 Ajax
get two ui-sliders pass values to ajax when one change
我想将数据从两个ui-sliders(将来会更多)传递到我的ajax的php-server。我有下面的代码。问题是我需要一些帮助来理解我如何保留用户不会更改的滑块的值。第一个滑块仅向 genData.php 发送一个值。第二个滑块发送两个值"data: {'slider2': ui.value, 'slider':2}",但我想将"2"更改为滑块 1 的值。有什么好主意吗?也可以随意更改结构。
<html>
<head>
<link rel="stylesheet" href="jqueryui1103/css/start/jquery-ui-1.10.3.custom.min.css" type="text/css" />
</head>
<body>
<div id="foo1">Value of slider 1.</div>
<div id="foo2">Value of slider 2.</div>
<div id="foo3">value1*value2.</div>
<div id="scrollbar"></div><br><br>
<div id="scrollbar2"></div>
</body>
<script src="jqueryui1103/js/jquery-1.9.1.js"></script>
<script src="jqueryui1103/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#scrollbar').slider({
value: 35,
max: 36,
range: "max",
animate: true,
slide: function(event, ui) {
$('#scrollbar').slider('value', ui.value);
$.ajax({
type: 'post',
url: 'genData.php',
datatype: 'json',
data: {'slider': ui.value},
success: function(fromphp) {
$('#foo1').html(fromphp.foo1);
$('#foo2').html(fromphp.foo2);
$('#foo3').html(fromphp.foo1);
}
});
}
});
$('#scrollbar2').slider({
value: 3,
max: 50,
range: "max",
animate: true,
slide: function(event, ui) {
$('#scrollbar2').slider('value', ui.value);
/** var test = ($("#slider").slider("value")); */
$.ajax({
type: 'post',
url: 'genData.php',
datatype: 'json',
data: {'slider2': ui.value, 'slider':2},
success: function(fromphp) {
$('#foo1').html(fromphp.foo1);
$('#foo2').html(fromphp.foo2);
$('#foo3').html(fromphp.foo1);
}
});
}
});
});
</script>
</html>
您需要通过执行以下操作来获取值
$("#scrollbar").slider( "option", "value" );
这是一个完整的工作解决方案http://jsfiddle.net/yALMx/74/
我将其重构为一个 ajax 调用,它获取两个滑块的值
相关文章:
- 需要将select标记选项值传递给ajax函数
- 使用Ajax将PHP值传递给javascript
- 可以't使用ajax调用将值传递给Web服务
- jQuery.ajax未将值传递给php变量
- 如何通过jquery将cakehp-formhelper输入值传递给ajax
- 将 HTML 中用户输入的值传递给 jQuery.Ajax
- 获取两个 UI 滑块在其中一个更改时将值传递给 Ajax
- 将 ID 值传递给 AJAX 页面
- 将值与MySQL一起传递,将检索到的值作为JavaScript中的隐藏值传递给AJAX函数
- 如何使用 AJAX 调用将表单值传递给 PHP 变量
- 通过 AJAX 将两个值传递给 PHP 文件
- 使用 JQuery AJAX 将值传递给 PHP 不起作用,数组混乱
- 使用 Ajax 将值传递给 ASP.NET 中的代码
- 使用 JQUERY Ajax 将 JavaScript 值传递给 PHP(值来自 Facebook Javascript
- 无法使用ajax将值传递给Codeigniter控制器
- 当通过AJAX绑定选项时,是否可以将select元素的默认值传递给Knockout
- 在onChange事件上将Form元素值传递给Ajax Post方法
- 在jquerymobile中使用ajax将值传递给codeigniter中的控制器
- 在本例中,我如何将ajax变量的值传递给php脚本
- 是否可以将true/false值传递给ajax函数