[英]Get Set of row from mysql and generate dynamic range selector box using jquery in php and Codeigniter
I want to generate a dynamic range selector or progress bar from 1 to 100 when page load. 我想在页面加载时从1到100生成一个动态范围选择器或进度条。 Initial value should be taken from database.
初始值应从数据库中获取。
In below jquery #amount will hold the value of progress bar. 在下面的jQuery中,#amount将保存进度条的值。 #slider-range-min will be progress bar div tag.
#slider-range-min将是进度条div标签。 I want to generate this div tag dynamically when page load with t_id from database so my div tag id should be like this slide-range-min-1,slide-range-min-2 etc.
我想在从数据库中使用t_id加载页面时动态生成此div标签,因此我的div标签ID应该像以下slide-range-min-1,slide-range-min-2等。
$(function() {
$( "#slider-range-min" ).slider({
range: "min",
value: 0,
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
}
});
$( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) );
});
You can do something like this 你可以做这样的事情
Your HTML 您的HTML
<div id="slider_1">
</div>
<div id="slider_2">
</div>
<div id="slider_3">
</div>
And your js can be 而且你的js可以是
$('div[id^="slider_"]').each(function(){
id = $(this).attr('id');
$(id).slider({
range: "min",
value: 0,
min: 1,
max: 100,
slide: function( event, ui ) {
// code here
}
});
})
You can also make use of custom data attributes for each div to store initial DB values and give them to slider function 您还可以为每个div使用自定义数据属性来存储初始DB值并将其提供给滑块功能
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.