Javascript jQuery：使用金额滑块对更改的影响

我设置了一个表单，当选择某些值时，该表单中的项目值会发生变化

我有一个值为1到4年的表格，当选择这些选项时，结果字段中的值会随着调整后的价格而变化。当我使用这个菜单时，一切都正常

现在我已经安装了一个滑块（）并使其与菜单一起工作，但是jQuery的.change并没有拾取滑块对所做的更改

正如您在这段脚本中所看到的：

<script>
  $(function() {
    var select = $( "#minbeds" );
    var slider = $( "<div id='slider' style='margin-left:30px;'></div>" ).insertAfter( "#reserverer" ).slider({
     min: 1,
     max: 4,
     range: "min",
     value: select[ 0 ].selectedIndex + 1,
     slide: function( event, ui ) {
       select[ 0 ].selectedIndex = ui.value - 1;
      }
    });
    $( "#minbeds" ).change(function() {
      slider.slider( "value", this.selectedIndex + 1 );
    });
  });
 </script>

滑块在工作，菜单在工作，但是如何让滑块运行jQuery脚本呢

提前感谢您的帮助。

请尝试以下操作：

   <script>
      $(function() {
        var select = $( "#minbeds" );
        var slider = $( "<div id='slider' style='margin-left:30px;'></div>" ).insertAfter( "#reserverer" ).slider({
         min: 1,
         max: 4,
         range: "min",
         value: select[ 0 ].selectedIndex + 1,
         slide: function( event, ui ) {
           select[ 0 ].selectedIndex = ui.value - 1;
            if(ui.value == '2') { 
              $("#t_1_y_1").hide('slow');
              $("#t_1_y_2").show('slow');
              $("#t_1_y_3").hide('slow');
              $("#t_1_y_4").hide('slow');
            }
          }
        });
        $( "#minbeds" ).change(function() {
          slider.slider( "value", this.selectedIndex + 1 );
           if($(this).val() == '2'){ 
             $("#t_1_y_1").hide('slow');
             $("#t_1_y_2").show('slow');
             $("#t_1_y_3").hide('slow');
             $("#t_1_y_4").hide('slow');
           }
        });


      });
     </script>

$（函数（）{
var select=$（“#碎肉”）；
var slider=$（“”）。insertAfter（“#reserver”）。slider({
民:1,，
最高：4，
射程：“分钟”，
值：选择[0]。选择索引+1，
幻灯片：功能（事件、用户界面）{
选择[0]。selectedIndex=ui.value-1；
如果（ui.value='2'）{
$（“#t#u 1_y#u 1”）.hide（'slow'）；
$（“#t#u 1_y_2”）。show（'slow'）；
$（“#t#u 1_y#u 3”）.hide（'slow'）；
$（“t#u 1_y_4”）.hide（'slow'）；
}
}
});
$（“#minbeds”）.change（函数（）{
slider.slider（“value”，this.selectedIndex+1）；
如果（$（this.val（）='2'）{
$（“#t#u 1_y#u 1”）.hide（'slow'）；
$（“#t#u 1_y_2”）。show（'slow'）；
$（“#t#u 1_y#u 3”）.hide（'slow'）；
$（“t#u 1_y_4”）.hide（'slow'）；
}
});
});

您需要在

$（#碎肉床）

中的

#碎肉床

周围放置“”，或者使用或使用$（请提供）。您添加的底部位不起作用，但是

ui的顶部部分。value

非常有效！谢谢你。

   <script>
      $(function() {
        var select = $( "#minbeds" );
        var slider = $( "<div id='slider' style='margin-left:30px;'></div>" ).insertAfter( "#reserverer" ).slider({
         min: 1,
         max: 4,
         range: "min",
         value: select[ 0 ].selectedIndex + 1,
         slide: function( event, ui ) {
           select[ 0 ].selectedIndex = ui.value - 1;
            if(ui.value == '2') { 
              $("#t_1_y_1").hide('slow');
              $("#t_1_y_2").show('slow');
              $("#t_1_y_3").hide('slow');
              $("#t_1_y_4").hide('slow');
            }
          }
        });
        $( "#minbeds" ).change(function() {
          slider.slider( "value", this.selectedIndex + 1 );
           if($(this).val() == '2'){ 
             $("#t_1_y_1").hide('slow');
             $("#t_1_y_2").show('slow');
             $("#t_1_y_3").hide('slow');
             $("#t_1_y_4").hide('slow');
           }
        });


      });
     </script>