从 mysql 获取行集，并使用 php 和 Codeigniter 中的 jquery 生成动态范围选择器框 - Get Set of row from mysql and generate dynamic range selector box using jquery in php and Codeigniter

Get Set of row from mysql and generate dynamic range selector box using jquery in php and Codeigniter

我想在页面加载时生成一个从 1 到 100 的动态范围选择器或进度条。初始值应取自数据库。

在下面的jquery中，#amount 将保存进度条的值。 #slider 范围最小将是进度条div标签。我想在从数据库加载t_id页面时动态生成此div 标签，所以我的div 标签 ID 应该像这个幻灯片范围最小 1，幻灯片范围最小 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" ) );
});

你可以做这样的事情

您的网页

 <div id="slider_1">
 </div>
 <div id="slider_2">
 </div>
 <div id="slider_3">
 </div>

你的 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
  }
});
})

您还可以使用每个div的自定义数据属性来存储初始数据库值并将其提供给滑块功能