Javascript 绑定HTML滑块'；最大值'；输入字段的范围'；s值

如何将jQuery uiSlider的“max”范围值设置为用户可编辑输入字段的值

这是我的

---

谢谢

编辑：对不起，我误解了这个问题

使用以下JQuery

var value = $('#Profit').val (); //Get the profit input
$('#pSlider').attr('max',value); //Set the value of the max attribute

---

脚本中的此更改会更改滑块上的值和颜色，但实际上不会滑动条

        $(document).on("pagecreate", "#page1", function() {



      HighlightColor($("#pSlider"));
      $("#pSlider").on("change", function() {
        HighlightColor($(this));
      });

      function HighlightColor(slider) {
        var theVal = slider.val();
        var color = "#0DB8B5";
        if (theVal < -750) {
          color = "#D92727";
          document.getElementById("label").value = "Red Deal :(";
          document.getElementById("label").style.color = "red";
        } else if (theVal < -425) {
          color = "#FFAF33";
          document.getElementById("label").value = "Orange Deal :/";
          document.getElementById("label").style.color = "orange";
        } else if (theVal < 0) {
          color = "#E5E819";
          document.getElementById("label").value = "Yellow Deal :|";
          document.getElementById("label").style.color = "#E5E819";
        } else if (theVal < 400) {
          color = "#0FB10A";
          document.getElementById("label").value = "Green Deal :)";
          document.getElementById("label").style.color = "#0FB10A";
        } else {
          color = "#10F909";
          document.getElementById("label").value = "Bright Green Deal :D";
          document.getElementById("label").style.color = "#10F909";
        }
        slider.closest(".ui-slider").find(".ui-slider-bg").css("background-color", color);
      }

      $('#Profit').on("change", function () {
            //alert($(this).val());
        $("#pSlider").val($(this).val());
        //$("#pSlider").slider( "instance" );
        HighlightColor($("#pSlider"));
            });


    });

$（document）.on（“pagecreate”，“page1”，function（）{
HighlightColor（$）；
$（“#pSlider”）。关于（“更改”，函数（）{
HighlightColor（$（this））；
});
功能HighlightColor（滑块）{
var theVal=slider.val（）；
var color=“#0DB8B5”；
如果（VAL<-750）{
color=“#D92727”；
document.getElementById（“标签”）.value=“红色交易：（”；
document.getElementById（“标签”）.style.color=“红色”；
}否则如果（VAL<-425）{
color=“#FFAF33”；
document.getElementById（“标签”）.value=“橙色交易：/”；
document.getElementById（“标签”）.style.color=“橙色”；
}else if（theVal<0）{
color=“#E5E819”；
document.getElementById（“标签”）.value=“黄色交易：|”；
document.getElementById（“标签”）.style.color=“#E5E819”；
}否则，如果（VAL<400）{
color=“#0FB10A”；
document.getElementById（“label”）.value=“绿色交易：）”；
document.getElementById（“标签”）.style.color=“#0FB10A”；
}否则{
color=“#10F909”；
document.getElementById（“标签”）.value=“亮绿色交易：D”；
document.getElementById（“标签”）.style.color=“#10F909”；
}
slider.closest（“.ui slider”）.find（“.ui slider bg”）.css（“背景色”，颜色）；
}
$（“#利润”）。关于（“更改”，函数（）{
//警报（$（this.val（））；
$（“#pSlider”）.val（$（this.val（））；
//$（“#pSlider”）.slider（“实例”）；
HighlightColor（$）；
});
});

以下JavaScript正在运行

document.getElementById("Profit").onchange = function() {MaxPCalculate()};   function MaxPCalculate() { var MaxProfit = document.getElementById("pSlider"); MaxProfit.max = document.getElementById("Profit").value; }

---

~

感谢CVarg-这将利润输入的值设置为HTML标记中定义的“max”属性的值。我需要调整max属性以匹配用户输入的利润字段。我更新了代码以获得我想要的结果。这是最新的感谢沙阿。这是有帮助的，即使它没有回答我原来的问题。我将把这个脚本添加到我的最终版本中。T Shah-你是否碰巧知道如何将滑块设置为“幻灯片”以及调整高亮颜色-

document.getElementById("Profit").onchange = function() {MaxPCalculate()};   function MaxPCalculate() { var MaxProfit = document.getElementById("pSlider"); MaxProfit.max = document.getElementById("Profit").value; }