在里面插入一个动态值

Question

我有一个范围滑块，我希望它的max value设置为等于id="form-prezzo"输入的value。最后一个值是动态生成的。

这可能吗？

我不知道如何设置max:$form("prezzo").val,

这是我的代码

const $mutuo = $("#mutuo"),
$rata = $("#rata"),
$anni = $("#anni"),
$slider1 = $("#slider1"),
$slider2 = $("#slider2"),
$max = $("#prova");
function update() {
let interesseannuo = 1.60,
C = $("#form-prezzo").val(),
anni = $anni.val(),
i = interesseannuo / 12 / 100,
n = anni * 12,
rata = C * i / (1 - Math.pow(1 + i, -n));
$rata.html(rata.toFixed(2) + " €");
}
$slider1.slider({
//max: 100000-(100000/100*20),
max: $max.html(),
min: 0,
step: 10,
slide: function(event, ui) {
$mutuo.val(ui.value);
update();
}
});

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js" type="text/javascript"></script>

<div class="info-paragraph black" id="prova">1000</div>
<p class="info-paragraph black">Totale mutuo (€)</p>
<div id="slider1"></div>
<input class="info-paragraph black" type="text" id="mutuo" value="0"><br>

Answer 1

如果max: $("#form-prezzo").val()不工作，我认为是因为$("#form-prezzo").val()的返回值属于String类型。

试试max: parseInt($("#form-prezzo").val())或max: parseFloat($("#form-prezzo").val())，看看它是否有效。